import type { CSSVariables } from '../utils/types.js';

export type DrawerDirection = 'left' | 'right' | 'top' | 'bottom';

export type DrawerProps = {
  open: boolean;
  direction: DrawerDirection;
  variant?: 'primary' | 'secondary' | 'tertiary';
  className?: string;
  style?: CSSVariables;
  children?: React.ReactNode;
  showOverlay?: boolean;
  onOverlayClick?: () => void;
  fullScreen?: boolean;
  size?: string;
  'aria-label'?: string;
  'aria-labelledby'?: string;
};

export type UseDrawerReturn = {
  isOpen: boolean;
  open: () => void;
  close: () => void;
  toggle: () => void;
};
