import { Popover } from '@ark-ui/react/popover'
import styles from './index.module.css';

const Demo = () => (
  <Popover.Root>
    <Popover.Trigger className={styles.PopoverTrigger}>
      Click Me
    </Popover.Trigger>
    <Popover.Positioner>
      <Popover.Content className={styles.PopoverContent}>
        <Popover.Title>Title</Popover.Title>
        <Popover.Description>Description</Popover.Description>
      </Popover.Content>
    </Popover.Positioner>
  </Popover.Root>
)