import { Popover as SPopover } from "@/components/ui/popover";
import { PopoverContent, PopoverTrigger } from "@radix-ui/react-popover";

type PopoverProps = {
  children: React.ReactNode;
  content: React.ReactNode;
  className?: string;
  open?: boolean;
  side?: "top" | "right" | "bottom" | "left";
  align?: "start" | "center" | "end";
  sideOffset?: number;
  alignOffset?: number;
};
export default function Popover({
  className,
  children,
  content,
  open,
  side,
  align,
  sideOffset,
  alignOffset,
}: PopoverProps) {
  return (
    <SPopover open={open}>
      <PopoverTrigger asChild>{children}</PopoverTrigger>
      <PopoverContent
        side={side}
        align={align}
        sideOffset={sideOffset}
        alignOffset={alignOffset}
        className={className}
      >
        {content}
      </PopoverContent>
    </SPopover>
  );
}