import { memo } from 'react';

export interface LabelValueItemProps {
    label: string;
    value: string;
    valueColor?: string;
}

const LabelValueItem = memo(({ label, value, valueColor = 'text-white' }: LabelValueItemProps) => {
    return (
        <div className="flex gap-2.5">
            <span className="text-white text-sm font-semibold leading-[1.4]">{label}:</span>
            <span className={`${valueColor} text-sm font-semibold leading-[1.4]`}>{value}</span>
        </div>
    );
});

LabelValueItem.displayName = 'LabelValueItem';

export default LabelValueItem;
