welcome-ui
Version:
Customizable design system with react • styled-components • styled-system and ariakit.
53 lines (52 loc) • 2.46 kB
TypeScript
import { default as React } from 'react';
import { As, CreateWuiProps } from '../System';
import * as Ariakit from '@ariakit/react';
export interface DrawerOptions extends Ariakit.DialogOptions<'div'> {
placement?: Placement;
size?: Size;
withBackdrop?: boolean;
withCloseButton?: boolean;
}
export type DrawerProps = CreateWuiProps<'div', DrawerOptions>;
type Placement = 'bottom' | 'left' | 'right' | 'top';
type Size = 'auto' | 'sm' | 'md' | 'lg' | string;
export interface DrawerBackdropOptions {
hideOnInteractOutside?: boolean;
}
export type UseDrawer = Ariakit.DialogStore;
export type UseDrawerProps = Ariakit.DialogStoreProps;
export type UseDrawerState = Ariakit.DialogStoreState;
export declare function useDrawer(options?: UseDrawerProps): UseDrawer;
/**
* @name Drawer.Backdrop
*/
export declare const DrawerBackdrop: React.FC<DrawerBackdropOptions>;
type TriggerProps = {
as?: As;
children: React.ReactNode;
store: Ariakit.DialogStore;
};
export declare const Trigger: import('../System').CreateWuiComponent<"button", TriggerProps>;
export declare const Drawer: import('../System').CreateWuiComponent<"div", DrawerProps> & {
Backdrop: React.FC<DrawerBackdropOptions>;
Close: React.FC<import('./Close').CloseProps>;
Content: import('../System').CreateWuiComponent<"div", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('../System').WuiProps>, never> & Omit<import('../System').WuiProps & import('../System').WuiTestProps & {
as?: As;
}, never>>;
Footer: import('../System').CreateWuiComponent<"div", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('../System').WuiProps>, never> & Omit<import('../System').WuiProps & import('../System').WuiTestProps & {
as?: As;
}, never>>;
Title: React.FC<import('../Text').TextProps>;
Trigger: import('../System').CreateWuiComponent<"button", TriggerProps>;
};
export declare const AssetDrawer: import('../System').CreateWuiComponent<"div", import('./AssetDrawer').AssetDrawerProps> & {
Header: React.FC<{
action?: React.ReactNode;
icon?: React.FC<import('../Icon').IconProps>;
onBackButtonClick?: (props?: unknown) => void;
subtitle?: React.ReactNode;
title: React.ReactNode;
}>;
Trigger: import('../System').CreateWuiComponent<"button", TriggerProps>;
};
export {};