Files
native-app/apps/mobile/components/TabBarIcon.tsx
2024-01-23 21:56:17 +01:00

19 lines
444 B
TypeScript

import { FontAwesome } from '@expo/vector-icons';
import useTailwind from '../app/hooks/useTailwind';
type Props = {
focused?: boolean;
} & React.ComponentProps<typeof FontAwesome>;
export default function TabBarIcon({ focused, ...rest }: Props) {
const { colors } = useTailwind();
return (
<FontAwesome
color={focused ? colors.purple[300] : colors.shade[300]}
size={24}
{...rest}
/>
);
}