@patreon/studio/module/components/Dialog/styled-components.d.ts

Patreon Studio Design System

import type { TransitionPhase } from '../../hooks/useMountTransition';
import type { DialogProps } from './types';
export declare const Root: import("styled-components").StyledComponent<"div", any, {
    id: string;
    $isOpen: DialogProps['isOpen'];
    $viewportHeight: number;
    $transitionPhase: TransitionPhase;
    $scrollable: DialogProps['scrollable'];
    $flow: DialogProps['flow'];
}, never>;
export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {
    $scrollable: DialogProps['scrollable'];
    $flow: DialogProps['flow'];
}, never>;
export declare const Container: import("styled-components").StyledComponent<"div", any, {
    $isOpen: DialogProps['isOpen'];
    $transitionPhase: TransitionPhase;
    $size: DialogProps['size'];
    $scrollable: DialogProps['scrollable'];
    $flow: DialogProps['flow'];
}, never>;
export declare const Body: import("styled-components").StyledComponent<"div", any, {
    $scrollable: DialogProps['scrollable'];
}, never>;
export declare const BodyArea: import("styled-components").StyledComponent<"div", any, {
    $padding: DialogProps['padding'];
}, never>;
/**
 * The Content component can be used to create custom Dialog
 * treatments in conjunction with `padding="none"`
 */
export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;