Bar Chart

export function BarChart() {
  const data = [40, 65, 50, 80, 60, 95]
  return (
    <div className="w-72 rounded-2xl border border-white/10 bg-white/5 p-4 text-white">
      <p className="mb-3 text-sm text-white/60">Sales by month</p>
      <div className="flex h-20 items-end gap-2.5">
        {data.map((h, i) => (
          <div key={i} style={{ height: `${h}%` }}
            className={`flex-1 rounded-md ${i === data.length - 1 ? 'bg-violet-600' : 'bg-violet-600/40'}`} />
        ))}
      </div>
    </div>
  )
}