21 lines
628 B
TypeScript
21 lines
628 B
TypeScript
interface ComparisonRowProps {
|
|
key?: string | number;
|
|
area: string;
|
|
asIs: string;
|
|
toBe: string;
|
|
}
|
|
|
|
export function ComparisonRow({ area, asIs, toBe }: ComparisonRowProps) {
|
|
return (
|
|
<div className="grid grid-cols-[120px_1fr_1fr] gap-3 items-start py-4 border-b border-slate-100 last:border-0">
|
|
<span className="font-medium text-sm text-slate-700 pt-3">{area}</span>
|
|
<div className="bg-[#FFF0F0]/50 rounded-lg p-3 text-sm text-slate-600">
|
|
{asIs}
|
|
</div>
|
|
<div className="bg-[#F3F0FF]/50 rounded-lg p-3 text-sm text-slate-700 font-medium">
|
|
{toBe}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|