Direction

"use client"

import { DirectionProvider } from "@/components/ui/direction"
import { Slider } from "@/components/ui/slider"
import { Switch } from "@/components/ui/switch"

// Right-to-left layout for Arabic or Hebrew: Base UI parts follow it.
export default function DirectionDemo() {
  return (
    <DirectionProvider direction="rtl">
      <div dir="rtl" className="flex w-64 flex-col gap-4 text-mac-body">
        <label className="flex items-center justify-between">
          الواي فاي
          <Switch size="sm" defaultChecked />
        </label>
        <Slider defaultValue={[30]} aria-label="السطوع" />
      </div>
    </DirectionProvider>
  )
}