import React from 'react';

interface MetricItemProps {
  icon: React.ReactNode;
  label: string;
  value: string | React.ReactNode;
}

const MetricItem = ({ icon, label, value }: MetricItemProps) => (
  <div className="flex items-center gap-4 p-4 bg-background rounded-lg border">
    <div className="h-10 w-10 rounded-lg bg-muted flex items-center justify-center shrink-0">
      {icon}
    </div>
    <div>
      <p className="font-semibold text-base">{value}</p>
      <p className="text-sm text-muted-foreground">{label}</p>
    </div>
  </div>
);

export default MetricItem;
