import { PropsWithChildren } from 'react';
import { DrawerProps } from './Drawer.types';
/**
 * 화면의 가장자리에서 슬라이딩되어 나타나는 서랍형 컴포넌트입니다.
 *
 * @param {Object} props
 * @param {boolean} props.isOpen - 서랍이 열려있는지 여부를 결정합니다
 * @param {() => void} props.onClose - 서랍을 닫을 때 실행되는 콜백 함수입니다
 * @param {'left' | 'right' | 'top' | 'bottom'} [props.direction='right'] - 서랍이 나타날 방향을 지정합니다
 * @param {'full' | 'half' | 'third' | 'quarter'} [props.size='quarter'] - 서랍의 크기를 지정합니다
 * @param {string} [props.className] - 추가적인 CSS 클래스를 지정할 수 있습니다
 * @param {React.ReactNode} props.children - 서랍 내부에 표시될 컨텐츠입니다
 *
 * @example
 * // 기본 사용법
 * <Drawer isOpen={isOpen} onClose={() => setIsOpen(false)}>
 *   <div>서랍 내용</div>
 * </Drawer>
 *
 * // 왼쪽에서 나타나는 절반 크기의 서랍
 * <Drawer
 *   isOpen={isOpen}
 *   onClose={() => setIsOpen(false)}
 *   direction="left"
 *   size="half"
 * >
 *   <div>서랍 내용</div>
 * </Drawer>
 */
declare const Drawer: ({ isOpen, onClose, direction, size, className, children, }: PropsWithChildren<DrawerProps>) => import("react/jsx-runtime").JSX.Element;
export { Drawer };
export type { DrawerProps } from './Drawer.types';