managarten/apps/picture/packages/mobile-ui/components/navigation/TabBarIcon/TabBarIcon.tsx
Wuesteon d36b321d9d style: auto-format codebase with Prettier
Applied formatting to 1487+ files using pnpm format:write
  - TypeScript/JavaScript files
  - Svelte components
  - Astro pages
  - JSON configs
  - Markdown docs

  13 files still need manual review (Astro JSX comments)
2025-11-27 18:33:16 +01:00

32 lines
612 B
TypeScript

import React from 'react';
import { ViewStyle } from 'react-native';
import { Icon } from '../../ui/Icon';
export type TabBarIconProps = {
/** Icon name */
name: string;
/** Icon color */
color: string;
/** Icon size */
size?: number;
/** Is the tab focused */
focused?: boolean;
/** Additional styles */
style?: ViewStyle;
};
export function TabBarIcon({ name, color, size = 28, focused = false, style }: TabBarIconProps) {
return (
<Icon
name={name}
size={size}
color={color}
style={[
{
marginBottom: -3, // Optical alignment for tab bars
},
style,
]}
/>
);
}