38 lines
939 B
TypeScript
38 lines
939 B
TypeScript
// largely from https://github.com/shadcn/taxonomy
|
|
|
|
import * as React from "react"
|
|
import * as PopoverPrimitive from "@radix-ui/react-popover"
|
|
import clsx from "clsx"
|
|
import styles from './popover.module.css'
|
|
|
|
type PopoverProps = PopoverPrimitive.PopoverProps
|
|
|
|
export function Popover({ ...props }: PopoverProps) {
|
|
return <PopoverPrimitive.Root {...props} />
|
|
}
|
|
|
|
Popover.Trigger = React.forwardRef<
|
|
HTMLButtonElement,
|
|
PopoverPrimitive.PopoverTriggerProps
|
|
>(function PopoverTrigger({ ...props }, ref) {
|
|
return <PopoverPrimitive.Trigger {...props} ref={ref} />
|
|
})
|
|
|
|
Popover.Portal = PopoverPrimitive.Portal
|
|
|
|
Popover.Content = React.forwardRef<
|
|
HTMLDivElement,
|
|
PopoverPrimitive.PopoverContentProps
|
|
>(function PopoverContent({ className, ...props }, ref) {
|
|
return (
|
|
<PopoverPrimitive.Content
|
|
ref={ref}
|
|
align="end"
|
|
className={clsx(
|
|
styles.root,
|
|
className
|
|
)}
|
|
{...props}
|
|
/>
|
|
)
|
|
})
|