Battery

import Battery from '@/components/ui/Battery';

export default function Page() {
  return (
    <>
      <Battery value={60} />
    </>
  )
}

import Battery from '@/components/ui/Battery';

export default function Page() {
  return (
    <div className="flex items-center gap-3">
      <Battery value={60} size="sm" />
      <Battery value={60} size="md" />
      <Battery value={60} size="lg" />
    </div>
  )
}

import Battery from '@/components/ui/Battery';

export default function Page() {
  return (
    <div className="flex items-center gap-3">
      <Battery value={60} isCharing />
      <Battery value={100} isCharing />
    </div>
  )
}

import Battery from '@/components/ui/Battery';

export default function Page() {
  return (
    <div className="flex gap-3">
      <Battery value={18} lowBatteryThreshold={20} />
      <Battery value={18} lowBatteryThreshold={20} isCharging />
    </div>
  )
}