import { default as React } from 'react';
import { Card } from '../card';

export declare const rootClassName = "teddy-notification";
export type RootProps = Omit<React.ComponentPropsWithoutRef<typeof Card>, 'variant' | 'as' | 'layout'> & {
    /**
     * The variant of the notification.
     *
     */
    variant?: 'success' | 'error' | 'warning' | 'information' | 'beige' | 'teal' | 'gray' | 'light-purple';
    /**
     * The tyoe of the notification.
     *
     */
    type?: 'card' | 'tile';
    open?: boolean;
    defaultOpen?: boolean;
    onOpenChange?: (open: boolean) => void;
    role?: 'alert';
};
export declare const NotificationContext: React.Context<Pick<RootProps, "type" | "variant"> | undefined>;
/** Groups Icon and Text parts. This component is based on the div element */
export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/radius').RadiusProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
    display?: import('../../utils/generate-styling').DisplayChildren;
} & import('../../utils/generate-styling/gap').GapProps & {
    align?: import('../../utils/generate-styling/align').Align;
    justify?: import('../../utils/generate-styling/justify').Justify;
} & import('../../utils/generate-styling/grid').GridLayout & {
    asChild: true;
    as?: never;
} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
    asChild?: boolean;
    variant?: import('../card/utils').Variant;
    bordered?: boolean;
    shadow?: boolean;
    backgroundImageSrc?: string;
    imageGradient?: "none" | "default" | "dark" | "light";
    layout?: import('../card/card').Layout;
} & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/radius').RadiusProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
    display?: import('../../utils/generate-styling').DisplayChildren;
} & import('../../utils/generate-styling/gap').GapProps & {
    align?: import('../../utils/generate-styling/align').Align;
    justify?: import('../../utils/generate-styling/justify').Justify;
} & import('../../utils/generate-styling/grid').GridLayout & {
    as?: "span";
    asChild?: false;
} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
    asChild?: boolean;
    variant?: import('../card/utils').Variant;
    bordered?: boolean;
    shadow?: boolean;
    backgroundImageSrc?: string;
    imageGradient?: "none" | "default" | "dark" | "light";
    layout?: import('../card/card').Layout;
} & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/radius').RadiusProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
    display?: import('../../utils/generate-styling').DisplayChildren;
} & import('../../utils/generate-styling/gap').GapProps & {
    align?: import('../../utils/generate-styling/align').Align;
    justify?: import('../../utils/generate-styling/justify').Justify;
} & import('../../utils/generate-styling/grid').GridLayout & {
    as: "div";
    asChild?: false;
} & React.RefAttributes<HTMLDivElement>, "ref"> & {
    asChild?: boolean;
    variant?: import('../card/utils').Variant;
    bordered?: boolean;
    shadow?: boolean;
    backgroundImageSrc?: string;
    imageGradient?: "none" | "default" | "dark" | "light";
    layout?: import('../card/card').Layout;
} & React.RefAttributes<HTMLDivElement>, "ref">, "as" | "variant" | "layout"> & {
    /**
     * The variant of the notification.
     *
     */
    variant?: "success" | "error" | "warning" | "information" | "beige" | "teal" | "gray" | "light-purple";
    /**
     * The tyoe of the notification.
     *
     */
    type?: "card" | "tile";
    open?: boolean;
    defaultOpen?: boolean;
    onOpenChange?: (open: boolean) => void;
    role?: "alert";
} & React.RefAttributes<HTMLDivElement>>;