@hhgtech/hhg-components
Version:
Hello Health Group common components
19 lines (18 loc) • 1.05 kB
TypeScript
import React, { ComponentPropsWithoutRef, PropsWithChildren } from 'react';
import { ModalProps } from '@mantine/core';
import type { DataTrackingTypeHTMLElement } from "../../../types";
import { DialogProps, Drawer } from 'vaul';
export type DrawerBottomProps = {
isOpen: boolean;
isMobile: boolean;
onClose: () => void;
overlayClassName?: string;
contentClassName?: string;
handlerClassName?: string;
isLinear?: boolean;
onOpenChange?: (isOpen: boolean) => void;
/** Spread onto Vaul `Drawer.Overlay` when `isMobile` (e.g. tracking handlers). */
drawerOverlayProps?: ComponentPropsWithoutRef<typeof Drawer.Overlay> & DataTrackingTypeHTMLElement;
} & Omit<ModalProps, 'opened'> & Omit<DialogProps, 'open'>;
export declare function DrawerBottom({ children, onClose, isOpen, onOpenChange, isMobile, classNames, isLinear, overlayClassName, contentClassName, handlerClassName, drawerOverlayProps, ...restProps }: PropsWithChildren<DrawerBottomProps>): React.JSX.Element;
export default DrawerBottom;