import { Close, CloseProps } from './drawer-close';
import { Content, ContentProps } from './drawer-content';
import { Description, DescriptionProps } from './drawer-description';
import { Footer, FooterProps } from './drawer-footer';
import { Overlay, OverlayProps } from './drawer-overlay';
import { Root, RootProps } from './drawer-root';
import { Title, TitleProps } from './drawer-title';
import { Trigger, TriggerProps } from './drawer-trigger';

type DrawerProps = {
    Root: RootProps;
    Title: TitleProps;
    Description: DescriptionProps;
    Trigger: TriggerProps;
    Overlay: OverlayProps;
    Content: ContentProps;
    Footer: FooterProps;
    Close: CloseProps;
};
/**
 * Drawer is a sliding panel that appears from the side of the screen.
 * It's commonly used for navigation, settings, or displaying additional content without leaving the current page.
 *
 * @component
 *
 * @example
 * // Basic usage
 * <Drawer>
 *   <Drawer.Trigger>
 *     <Button variant="primary">Open Drawer</Button>
 *   </Drawer.Trigger>
 *   <Drawer.Content>
 *     <Drawer.Title as="h3">Drawer Title</Drawer.Title>
 *     <Drawer.Close slot="floating" aria-label="close" />
 *     <Drawer.Description>Drawer content goes here.</Drawer.Description>
 *     <Drawer.Footer>
 *       <Button variant="primary">Save</Button>
 *     </Drawer.Footer>
 *   </Drawer.Content>
 * </Drawer>
 */
declare const Drawer: typeof Root & {
    /**
     * Trigger component that opens the drawer when clicked.
     * Must be passed a single child component that will be used as the trigger.
     *
     * @component
     *
     * @example
     * <Drawer.Trigger>
     *   <Button variant="primary">Open Drawer</Button>
     * </Drawer.Trigger>
     */
    Trigger: typeof Trigger;
    /**
     * Content component that contains the drawer's content.
     * Handles the positioning and scrolling behavior of the drawer content.
     *
     * @component
     *
     * @example
     * <Drawer.Content>
     *   <Drawer.Title>Title</Drawer.Title>
     *   <Drawer.Description>Content</Drawer.Description>
     * </Drawer.Content>
     */
    Content: typeof Content;
    /**
     * An accessible title to be announced when the drawer is opened.
     * It will render the internal Heading component.
     * If you want to hide the title, wrap it inside our Visually Hidden utility like this `<VisuallyHidden asChild>`.
     *
     * @component
     *
     * @example
     * <Drawer.Title as="h3">Drawer Title</Drawer.Title>
     */
    Title: typeof Title;
    /**
     * An optional accessible description to be announced when the drawer is opened.
     * This will render the internal Text component with a default p tag.
     *
     * If you want to hide the description, wrap it inside our Visually Hidden utility like this `<VisuallyHidden asChild>`.
     *
     * @component
     *
     * @example
     * <Drawer.Description>
     *   This is the main content of the drawer.
     *   It can contain multiple paragraphs and other components.
     * </Drawer.Description>
     */
    Description: typeof Description;
    /**
     * Overlay component provides the backdrop for the drawer.
     * Handles the background dimming and click-outside behavior.
     *
     * @component
     *
     * @example
     * <Drawer.Overlay>
     *   <Drawer.Content>
     *     {/* Content will slide in from the side *\/}
     *   </Drawer.Content>
     * </Drawer.Overlay>
     */
    Overlay: typeof Overlay;
    /**
     * Footer component for organizing action buttons or additional content at the bottom of the drawer.
     * Provides consistent spacing and styling for footer content.
     *
     * @component
     *
     * @example
     * <Drawer.Footer>
     *   <Button variant="tertiary-purple">Cancel</Button>
     *   <Button variant="primary">Save Changes</Button>
     * </Drawer.Footer>
     */
    Footer: typeof Footer;
    /**
     * Close component provides a button to close the drawer.
     * Can be used either as a floating close button or within content.
     *
     * @component
     *
     * @example
     * // Floating close button
     * <Drawer.Close slot="floating" aria-label="Lukk" />
     *
     * @example
     * // Close button within content
     * <Drawer.Close slot="content">
     *   <Button variant="primary">Done</Button>
     * </Drawer.Close>
     */
    Close: typeof Close;
};
export { Drawer };
export type { DrawerProps };