@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 '../../components/Modal';
export type PanelSize = 'small' | 'medium' | 'large';
export type PanelAnchor = 'left' | 'right';
export interface PanelHeaderProps {
    children?: React.ReactNode;
    hideCloseBtn?: boolean;
    onCloseButtonClick?: React.MouseEventHandler<HTMLButtonElement>;
    className?: string;
    size?: 'medium' | 'small';
    testId?: string;
}
type FooterClassNames = Readonly<{
    wrapper?: string;
    actions?: string;
}>;
export interface PanelFooterProps {
    children?: React.ReactNode;
    classNames?: FooterClassNames;
    testId?: string;
}
export interface PanelBodyProps {
    children?: React.ReactNode;
    className?: string;
    testId?: string;
}
export interface PanelProps extends Omit<ModalProps, 'allowBackgroundInteraction' | 'size' | 'anchor'> {
    allowBackgroundInteraction?: boolean;
    size?: PanelSize;
    anchor?: PanelAnchor;
    testId?: string;
}
export declare const PanelHeader: ({ children, hideCloseBtn, onCloseButtonClick, className, size, testId, }: PanelHeaderProps) => React.JSX.Element;
export declare const PanelBody: Flow.AbstractComponent<PanelBodyProps, HTMLDivElement>;
export declare const PanelFooter: ({ children, classNames, testId, }: PanelFooterProps) => React.JSX.Element;
export declare const Panel: ({ children, isOpen, size, anchor, onClose, hideBackdrop, classNames, customAnimation, tapOutsideToClose, allowBackgroundInteraction, testId, ...restPanelProps }: PanelProps) => React.JSX.Element;
export {};
//# sourceMappingURL=Panel.d.ts.map