/// <reference types="react" />
import type { DrawerProps } from './defs';
declare const _default: {
    component: import("react").ForwardRefExoticComponent<Omit<import("../..").BaseProps<DrawerProps>, "className" | "css" | "as"> & import("react").RefAttributes<HTMLDivElement>> & {
        Body: (<C = "div">(props: import("../../utils").PolymorphicComponentProps<C, Omit<import("../..").BaseProps<import("react").HTMLAttributes<HTMLDivElement>>, "as">>) => import("react").ReactElement<Omit<import("../..").BaseProps<import("react").HTMLAttributes<HTMLDivElement>>, "as">, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<Omit<import("../..").BaseProps<import("react").HTMLAttributes<HTMLDivElement>>, "as">>, never> & import("react").ForwardRefExoticComponent<{
            [index: `data-${string}`]: unknown;
            as?: any;
            css?: import("@fuel-ui/css").ThemeUtilsCSS | undefined;
            className?: string | undefined;
            children?: import("react").ReactNode;
        } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
        CloseButton: import("react").ForwardRefExoticComponent<Omit<import("../..").BaseProps<import("./defs").DrawerCloseProps>, "as"> & import("react").RefAttributes<HTMLButtonElement>>;
        Content: (<C_1 = "div">(props: import("../../utils").PolymorphicComponentProps<C_1, Omit<import("../..").BaseProps<import("./defs").DrawerContentProps>, "as">>) => import("react").ReactElement<Omit<import("../..").BaseProps<import("./defs").DrawerContentProps>, "as">, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<Omit<import("../..").BaseProps<import("./defs").DrawerContentProps>, "as">>, never> & import("react").ForwardRefExoticComponent<{
            [index: `data-${string}`]: unknown;
            as?: any;
            css?: import("@fuel-ui/css").ThemeUtilsCSS | undefined;
            className?: string | undefined;
            children?: import("react").ReactNode;
        } & import("react").HTMLAttributes<HTMLDivElement> & {
            transition?: import("framer-motion").Transition | undefined;
        } & import("react").RefAttributes<HTMLDivElement>> & import("./defs").DrawerContentNS;
        Trigger: import("react").ForwardRefExoticComponent<Omit<import("../..").BaseProps<import("./defs").DrawerTriggerProps>, "as"> & import("react").RefAttributes<HTMLButtonElement>>;
    };
    title: string;
    parameters: {
        layout: string;
    };
};
export default _default;
export declare const Usage: {
    (args: DrawerProps): import("react/jsx-runtime").JSX.Element;
    parameters: {
        layout: string;
    };
};
export declare const Sides: {
    (args: DrawerProps): import("react/jsx-runtime").JSX.Element;
    parameters: {
        layout: string;
    };
};
export declare const CustomSize: {
    (args: DrawerProps): import("react/jsx-runtime").JSX.Element;
    parameters: {
        layout: string;
    };
};
export declare const CustomContainer: {
    (args: DrawerProps): import("react/jsx-runtime").JSX.Element;
    parameters: {
        layout: string;
    };
};
export declare const StateControlled: {
    (args: DrawerProps): import("react/jsx-runtime").JSX.Element;
    parameters: {
        layout: string;
    };
};