// components/CostBlock.tsx
// Блок отображения промежуточной стоимости

type CostBlockProps = {
  title: string;
  value: number;
  highlight?: boolean;
};

export default function CostBlock({ title, value, highlight = false }: CostBlockProps) {
  return (
    <div
      className={`
        p-2
        ${highlight ? 'bg-gray-600 font-semibold' : 'bg-gray-700'}
        text-gray-200
        rounded
      `}
    >
      {title}: {value.toFixed(1)} руб
    </div>
  );
}