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>
);