import React from 'react'; import Image from "next/image"; interface Props { name: string; variable?: 'default' | 'lg' | 'secondary' | 'white' | 'lgFixed' | 'whiteFixed' | 'lgDefault'; pathImg?: string; } const InfoItem: React.FC = ({name, variable = 'default', pathImg}) => { const variantClasses = { default: 'text-[13px] px-[9.5px] rounded-[6px] border-[0.5px] text-blue font-[400] min-h-[28px] max-h-[28px] h-full', secondary: 'text-[16px] text-lightBlack border-[1px] rounded-[6px] py-[10px] px-[28px] gap-[10px] items-center', lg: 'px-[10px] py-[6.5px] rounded-[6px] border-[1px] text-[16px] text-blue font-[700]', lgDefault: 'text-[14px] px-[9.5px] rounded-[6px] border-[0.5px] text-blue font-[400] max-w-[114px] w-full min-h-[34px] h-full', lgFixed: 'px-[10px] py-[6.5px] max-w-[140px] w-full rounded-[6px] border-[1px] text-[16px] text-blue', white: 'text-[12px] py-[9px] px-[16px] text-blue bg-white rounded-[6px]', whiteFixed: 'tex-[14px] rounded-[6px] max-w-[114px] w-full bg-white py-[5px] text-blue font-[700]' }; const selectedVariantClasses = variantClasses[variable] || variantClasses.default; return (
{pathImg && {pathImg}} {name}
); } export default InfoItem