1import {
 2    Button,
 3    Popover,
 4    PopoverTrigger,
 5    PopoverContent,
 6} from "@marzneshin/components";
 7import {
 8    SidebarEntitySelection
 9} from "@marzneshin/features/entity-table/components";
10import { FC } from "react";
11
12interface SidebarEntityTablePopoverProps {
13    buttonChild: React.ReactElement;
14}
15
16export const SidebarEntityTablePopover: FC<SidebarEntityTablePopoverProps> = ({
17    buttonChild,
18}) => (
19    <Popover>
20        <PopoverTrigger asChild>
21            <Button
22                variant="outline"
23                className="mr-1 lg:flex"
24            >
25                {buttonChild}
26            </Button>
27        </PopoverTrigger>
28        <PopoverContent className="w-80 p-0">
29            <SidebarEntitySelection />
30        </PopoverContent>
31    </Popover>
32)