interface StorageBarProps {
  used: number
  total: number
}

export function StorageBar({ used, total }: StorageBarProps) {
  const percentage = (used / total) * 100

  return (
    <div className="space-y-2">
      <div className="h-2 w-full overflow-hidden rounded-full bg-secondary">
        <div className="h-full rounded-full bg-primary transition-all" style={{ width: `${percentage}%` }} />
      </div>
      <p className="text-sm text-muted-foreground">
        {used} Go / {total} Go utilisés
      </p>
    </div>
  )
}
