@spaced-out/ui-design-system/lib/components/Panel/Panel.d.ts

Sense UI components library

import * as React from 'react';
import type { Flow } from 'flow-to-typescript-codemod';
import type { ModalProps } from '../Modal';
export type PanelSize = 'small' | 'medium' | 'large';
export type PanelAnchor = 'left' | 'right';
export type PanelHeaderProps = {
    children?: React.ReactNode;
    hideCloseBtn?: boolean;
    onCloseButtonClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
    className?: string;
    size?: 'medium' | 'small';
};
type FooterClassNames = Readonly<{
    wrapper?: string;
    actions?: string;
}>;
export type PanelFooterProps = {
    children?: React.ReactNode;
    classNames?: FooterClassNames;
};
export type PanelBodyProps = {
    children?: React.ReactNode;
    className?: string;
};
export type PanelProps = ModalProps & {
    allowBackgroundInteraction?: boolean;
    size?: PanelSize;
    anchor?: PanelAnchor;
};
export declare const PanelHeader: ({ children, hideCloseBtn, onCloseButtonClick, className, size, }: PanelHeaderProps) => React.JSX.Element;
export declare const PanelBody: Flow.AbstractComponent<PanelBodyProps, HTMLDivElement>;
export declare const PanelFooter: ({ children, classNames }: PanelFooterProps) => React.JSX.Element;
export declare const Panel: ({ children, isOpen, size, anchor, onClose, hideBackdrop, classNames, customAnimation, tapOutsideToClose, allowBackgroundInteraction, ...restPanelProps }: PanelProps) => React.JSX.Element;
export {};
//# sourceMappingURL=Panel.d.ts.map