import Button, { ButtonProps } from '@/components/Button';

export interface PopoverButtonProps extends ButtonProps {
  popoverTarget: string;
  anchorName: string;
}

const PopoverButton = ({
  children,
  popoverTarget,
  anchorName,
  ...props
}: PopoverButtonProps) => {
  return (
    <Button
      {...props}
      popoverTarget={popoverTarget}
      style={
        {
          anchorName: anchorName,
        } as React.CSSProperties
      }
    >
      {children}
    </Button>
  );
};

export default PopoverButton;
