import React, { ReactNode } from 'react';

export interface BtnPropsCommon {
  /**
   * Label for the button
   */
  label?: string;
  /**
   * Boolean value to disable the button
   */
  disabled?: boolean;
  /**
   * Onclick function for button
   */
  onClick?: () => void;
}
export interface DrawerProps {
  /**
   * To Open the Drawer
   */
  isOpen: boolean;
  /**
   * Function to close the drawer
   */

  onClose?: () => void;
  /**
   * Size of the drawer medium = 550px large = 850px
   */
  size?: 'medium' | 'large';

  /**
   * Body Content of the drawer
   */
  children: ReactNode;
  /**
   * Header title for the drawer
   */
  title: string | ReactNode;
  /**
   * To show the edit button on the header
   */
  showEditButton?: boolean;
  /**
   * Primary | Success button props
   */
  primaryButtonProps?: BtnPropsCommon;
  /**
   * Secondary | Cancel button props
   */
  secondaryButtonProps?: BtnPropsCommon;
  /**
   * Onclick function for edit button
   */
  onEdit?: () => void;
  /**
   * Background overlay for the drawer
   */
  overlay?: boolean;
  /**
   * displays footer if its true, default true
   */
  isFooterRequired?: boolean;
  /**
   * footer Content
   */
  footerContent?: ReactNode;
  /**
   * Removes default padding applied for the drawer content, if given true
   */
  paddingNotRequired?: boolean;
}