Pixelact Popover

1import * as PopoverPrimitive from "@radix-ui/react-popover";
2import { type VariantProps, cva } from "class-variance-authority";
3 
4import { cn } from "@/lib/utils";
5 
6import {
7  Popover as ShadcnPopover,
8  PopoverAnchor as ShadcnPopoverAnchor,
9  PopoverContent as ShadcnPopoverContent,
10  PopoverTrigger as ShadcnPopoverTrigger,
11} from "@/components/ui/popover";
12 
13import "@/components/ui/pixelact-ui/styles/styles.css";
14 
15const Popover = ShadcnPopover;
16 
17const PopoverTrigger = ShadcnPopoverTrigger;
18 
19const PopoverAnchor = ShadcnPopoverAnchor;
20 
21export const popOverVariants = cva("", {
22  variants: {
23    font: {
24      normal: "",
25      pixel: "pixel-font",
26    },
27  },
28  defaultVariants: {
29    font: "pixel",
30  },
31});
32 
33export interface PopoverProps
34  extends React.ComponentProps<typeof PopoverPrimitive.Content>,
35    VariantProps<typeof popOverVariants> {}
36 
37function PopoverContent({ children, font, className, ...props }: PopoverProps) {
38  return (
39    <ShadcnPopoverContent
40      className={cn(
41        "relative bg-card text-foreground border-none rounded-none mt-1 shadow-(--pixel-box-shadow)",
42        popOverVariants({ font }),
43        className
44      )}
45      {...props}
46    >
47      {children}
48    </ShadcnPopoverContent>
49  );
50}
51 
52export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };