Files
oms-website-nextjs/app/(website)/vacancies/_components/MetadataItem.tsx
2025-04-27 09:58:38 +02:00

23 lines
520 B
TypeScript

import { COLORS } from "@/constants";
export const MetadataItem = ({
icon: Icon,
label,
value,
}: {
icon: React.ElementType;
label: string;
value: React.ReactNode;
}) => (
<div className="flex items-start space-x-2 text-sm text-gray-700 dark:text-white font-poppins">
<Icon
className="h-5 w-5 mt-0.5 flex-shrink-0 text-primary"
aria-hidden="true"
style={{ color: COLORS.primary }}
/>
<div>
<span className="font-semibold">{label}:</span> {value}
</div>
</div>
);