Popover [react-aria-components]

import { Button } from "@/components/ui/button"
import {
  Popover,
  PopoverDialog,
  PopoverTrigger,
} from "@/components/ui/popover"

export function PopoverDemo() {
  return (
    <PopoverTrigger>
      <Button variant="outline">Settings</Button>
      <Popover>
        <PopoverDialog>
          <div className="flex flex-col gap-4">
            <div>Wi-Fi</div>
            <div>Bluetooth</div>
            <div>Mute</div>
          </div>
        </PopoverDialog>
      </Popover>
    </PopoverTrigger>
  )
}