const Icon = {
Hall: ({ size=26, color }) => (
),
Schedule: ({ size=26, color }) => (
),
Crown: ({ size=26, color }) => (
),
Wallet: ({ size=26, color }) => (
),
Person: ({ size=26, color }) => (
),
Bell: ({ size=24, color }) => (
),
ChevronR: ({ size=16, color }) => (
),
ChevronL: ({ size=16, color }) => (
),
ChevronD: ({ size=16, color }) => (
),
Phone: ({ size=18, color }) => (
),
Pin: ({ size=16, color }) => (
),
Car: ({ size=16, color }) => (
),
Close: ({ size=18, color }) => (
),
Check: ({ size=20, color }) => (
),
Search: ({ size=18, color }) => (
),
};
function BottomNav({ tab, onChange, dark, unread }) {
const th = useTheme(dark);
const tabs = [
{ key:'hall', label:'接單', Icon:Icon.Hall },
{ key:'schedule', label:'行程', Icon:Icon.Schedule },
{ key:'premium', label:'會員', Icon:Icon.Crown },
{ key:'finance', label:'帳務', Icon:Icon.Wallet },
{ key:'profile', label:'個人', Icon:Icon.Person },
];
return (
{tabs.map(t => {
const active = tab === t.key;
return (
);
})}
);
}