react-epic-trails-ds/components/Drawer/types.ts

A flexible and customizable design system for React, providing pre-built UI components, typography, and themes to enhance web app development.

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

export interface DrawerProps {
  isOpen: boolean;
  onClose: () => void;
  children: React.ReactNode;
  position?: DrawerPosition;
  title?: string;
  className?: string;
  overlayClassName?: string;
  headerClassName?: string;
  bodyClassName?: string;
  closeButtonClassName?: string;
  size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
}

export interface DrawerContextType {
  isOpen: boolean;
  open: (content: React.ReactNode, position?: DrawerPosition, title?: string, size?: 'sm' | 'md' | 'lg' | 'xl' | 'full') => void;
  close: () => void;
  content: React.ReactNode | null;
  position: DrawerPosition;
  title: string;
  size: 'sm' | 'md' | 'lg' | 'xl' | 'full';
}