@serendie/ui
Version:
Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric
41 lines (40 loc) • 1.14 kB
TypeScript
import { DialogRootProps } from '@ark-ui/react';
import { RecipeVariantProps } from '../../../styled-system/css';
declare const DrawerStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"content" | "backdrop" | "contentInner" | "closeTrigger", {
type: {
left: {
content: {
left: "0";
justifyContent: "flex-start";
};
};
full: {
content: {
left: "0";
width: "100%";
minWidth: "100%";
maxWidth: "100%";
};
};
right: {
content: {
right: "0";
};
closeTrigger: {
justifyContent: "flex-end";
};
};
};
}>;
type Props = {
isOpen: boolean;
children: React.ReactNode;
contentClassName?: string;
backdropClassName?: string;
onOpenChange: (e: {
open: boolean;
}) => void;
};
export type DrawerProps = Props & DialogRootProps & RecipeVariantProps<typeof DrawerStyle>;
export declare const Drawer: React.FC<DrawerProps>;
export {};