@dossierhq/design/lib/components/Message/Message.d.ts

The design system for Dossier.

import type { FunctionComponent, ReactNode } from 'react';
import { type Color } from '../../config/Colors.js';
import { type FlexContainerProps } from '../../utils/FlexboxUtils.js';
import { type SpacingProps } from '../../utils/LayoutPropsUtils.js';
interface MessageProps {
    className?: string;
    color?: Color;
    children: ReactNode;
}
interface MessageHeaderProps {
    children?: ReactNode;
}
interface MessageHeaderTitleProps {
    children?: ReactNode;
}
interface MessageBodyProps {
    children?: ReactNode;
}
interface MessageFlexBodyProps extends FlexContainerProps, SpacingProps {
    children?: ReactNode;
}
/** @public */
export interface MessageComponent extends FunctionComponent<MessageProps> {
    Header: FunctionComponent<MessageHeaderProps>;
    HeaderTitle: FunctionComponent<MessageHeaderTitleProps>;
    Body: FunctionComponent<MessageBodyProps>;
    FlexBody: FunctionComponent<MessageFlexBodyProps>;
}
export declare const Message: MessageComponent;
export {};