Files
native-app/apps/mobile/components/TabBarIcon.tsx
2024-01-20 15:36:57 +03:30

22 lines
471 B
TypeScript

import { FontAwesome } from '@expo/vector-icons';
import Colors from '../constants/Colors';
type Props = {
focused?: boolean;
color?: string;
} & React.ComponentProps<typeof FontAwesome>;
export default function TabBarIcon({
color = Colors.dark.shade300,
focused,
...rest
}: Props) {
return (
<FontAwesome
color={color || (focused ? Colors.dark.purple300 : Colors.dark.shade300)}
size={24}
{...rest}
/>
);
}