import { type ButtonHTMLAttributes, type DetailedHTMLProps, type PropsWithChildren, type ReactElement } from "react";
export type DrawerListProps = PropsWithChildren;
/**
* @remarks The drawer components are meant to be used in a for mobile only.
* Do not use them in other contexts. Especially not on desktop.
*/
export declare const DrawerList: import("react").NamedExoticComponent<{
children?: import("react").ReactNode | undefined;
}>;
export type DrawerListItemProps = PropsWithChildren;
/**
* @remarks The drawer components are meant to be used in a for mobile only.
* Do not use them in other contexts. Especially not on desktop.
*/
export declare const DrawerListItem: import("react").NamedExoticComponent<{
children?: import("react").ReactNode | undefined;
}>;
export interface DrawerListTextItemProps extends PropsWithChildren {
heading?: boolean;
}
/**
* @remarks The drawer components are meant to be used in a for mobile only.
* Do not use them in other contexts. Especially not on desktop.
*/
export declare const DrawerListTextItem: import("react").NamedExoticComponent;
type NativeButtonProps = DetailedHTMLProps, HTMLButtonElement>;
/**
* @remarks The drawer components are meant to be used in a for mobile only.
* Do not use them in other contexts. Especially not on desktop.
*/
export interface DrawerListButtonItemProps extends PropsWithChildren {
type?: NativeButtonProps["type"];
role?: NativeButtonProps["role"];
icon?: ReactElement;
onClick?: () => void;
critical?: boolean;
}
/**
* @remarks The drawer components are meant to be used in a for mobile only.
* Do not use them in other contexts. Especially not on desktop.
*/
export declare const DrawerListButtonItem: import("react").NamedExoticComponent;
export type DrawerStackProps = PropsWithChildren;
/**
* @remarks The drawer components are meant to be used in a for mobile only.
* Do not use them in other contexts. Especially not on desktop.
*/
export declare const DrawerStack: import("react").NamedExoticComponent<{
children?: import("react").ReactNode | undefined;
}>;
export type DrawerButtonColumnProps = PropsWithChildren;
/**
* @remarks The drawer components are meant to be used in a for mobile only.
* Do not use them in other contexts. Especially not on desktop.
*/
export declare const DrawerButtonColumn: import("react").NamedExoticComponent<{
children?: import("react").ReactNode | undefined;
}>;
export interface DrawerButtonProps {
icon?: ReactElement;
type?: NativeButtonProps["type"];
role?: NativeButtonProps["role"];
onClick?: () => void;
critical?: boolean;
text: string;
}
/**
* @remarks The drawer components are meant to be used in a for mobile only.
* Do not use them in other contexts. Especially not on desktop.
*/
export declare const DrawerButton: import("react").NamedExoticComponent;
type NativeInputProps = DetailedHTMLProps, HTMLInputElement>;
export interface DrawerListToggleSwitchItemProps {
label: string;
name?: NativeInputProps["name"];
icon?: ReactElement;
disabled?: NativeInputProps["disabled"];
defaultChecked?: boolean;
/** `value` and `onChange` are optional because we want to be able to use the control in an uncontrolled manner as well (for example, in forms) */
value?: boolean;
onChange?: (value: boolean) => void;
}
/**
* @remarks The drawer components are meant to be used in a for mobile only.
* Do not use them in other contexts. Especially not on desktop.
*/
export declare const DrawerListToggleSwitchItem: import("react").NamedExoticComponent;
export {};