import * as React from 'react';

import type { PopoverProps as CorePopoverProps } from '@shoptet/ui-core-web';
import { Popover as CorePopover } from '@shoptet/ui-core-web';

import { PopoverOverlay } from './PopoverOverlay';
import { PopoverTrigger } from './PopoverTrigger';

export type { PopoverProps, PopoverState } from '@shoptet/ui-core-web';
export type {
  PopoverTriggerProps,
  PopoverTriggerDOMProps,
  PopoverTriggerDOMProps as PopoverTriggerRenderProps,
} from '@shoptet/ui-core-web';
export type { PopoverOverlayProps } from './PopoverOverlay';

function PopoverRoot(props: CorePopoverProps) {
  return <CorePopover {...props} />;
}

export const Popover: typeof PopoverRoot & { Trigger: typeof PopoverTrigger; Overlay: typeof PopoverOverlay } =
  Object.assign(PopoverRoot, {
    Trigger: PopoverTrigger,
    Overlay: PopoverOverlay,
  });