import { ComponentPropsWithRef, ReactNode } from 'react';
declare const NoticeColor: {
    readonly add_on: "add_on";
    readonly assigned: "assigned";
    readonly caution: "caution";
    readonly destroy: "destroy";
    readonly info: "info";
    readonly success: "success";
    readonly upgrade: "upgrade";
};
declare const NoticeSize: {
    readonly small: "small";
    readonly medium: "medium";
    readonly large: "large";
};
type Color = (typeof NoticeColor)[keyof typeof NoticeColor];
type Size = (typeof NoticeSize)[keyof typeof NoticeSize];
export type NoticeProps = ComponentPropsWithRef<'div'> & {
    children: ReactNode;
    /** Add margin with spacing design tokens */
    ccMargin?: string;
    color?: Color;
    contentAfter?: ReactNode;
    contentAlign?: string;
    contentBefore?: ReactNode;
    hideIcon?: boolean;
    iconName?: string;
    /** `small` | `medium` | `large` */
    size?: Size;
    testId?: string;
};
export type IconProps = {
    color?: Color;
    size?: Size;
};
/**
- `Notice` accepts text or components/HTML as children. It supplies basic styles to format any text inside it, but any other formatting is up to you.

- `Notice` can have a call to action (see `contentAfter` example) or be purely informational.

- `Notice` will display pre-defined default icons depending on the `color` prop, but can be overridden with `iconName`, or hidden entirely with `hideIcon`.
*/
export declare function Notice({ children, ccMargin, color, contentBefore, contentAfter, contentAlign, iconName, hideIcon, size, testId, ...props }: NoticeProps): import("react/jsx-runtime").JSX.Element;
export default Notice;