import { DefaultTheme, StyledComponent } from 'styled-components';
import { TextProps } from '../Typography/types';
import { MessageProps } from './Message';
export declare const StyledMessage: StyledComponent<import("react").ForwardRefExoticComponent<import("..").BoxProps & Partial<{
    gridAreas: string | import("../../types").Responsive<string>;
    gridAutoColumns: string | import("../../types").Responsive<string>;
    gridAutoFlow: "inherit" | "initial" | "unset" | "row" | "column" | "dense" | "row dense" | "column dense" | import("../../types").Responsive<"inherit" | "initial" | "unset" | "row" | "column" | "dense" | "row dense" | "column dense">;
    gridAutoRows: string | import("../../types").Responsive<string>;
    gridColumns: string | import("../../types").Responsive<string>;
    gridColumnGap: string | import("../../types").Responsive<string>;
    gridGap: string | import("../../types").Responsive<string>;
    gridRows: string | import("../../types").Responsive<string>;
    gridRowGap: string | import("../../types").Responsive<string>;
    gridTemplate: string | import("../../types").Responsive<string>;
}> & import("react").RefAttributes<HTMLDivElement>>, DefaultTheme, MessageProps, never>;
export declare const StyledHeader: StyledComponent<"h4", DefaultTheme, import("../Typography/types").HeadingProps, never>;
export declare const StyledMessageItem: StyledComponent<"span", DefaultTheme, Partial<TextProps> & {
    as: string;
}, "as">;
export declare const StyledLink: StyledComponent<import("react").ForwardRefExoticComponent<import("../Link").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, DefaultTheme, {}, never>;
export declare const StyledActionsWrapper: StyledComponent<import("react").ForwardRefExoticComponent<import("..").BoxProps & Partial<{
    alignContent: "center" | "end" | "start" | "baseline" | "normal" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch" | import("../../types").Responsive<"center" | "end" | "start" | "baseline" | "normal" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch">;
    alignItems: "center" | "end" | "start" | "baseline" | "normal" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | import("../../types").Responsive<"center" | "end" | "start" | "baseline" | "normal" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end">;
    flexColumnGap: string | import("../../types").Responsive<string>;
    flexDirection: "row" | "column" | "row-reverse" | "column-reverse" | import("../../types").Responsive<"row" | "column" | "row-reverse" | "column-reverse">;
    flexGap: string | import("../../types").Responsive<string>;
    flexRowGap: string | import("../../types").Responsive<string>;
    flexWrap: "wrap" | "nowrap" | "wrap-reverse" | import("../../types").Responsive<"wrap" | "nowrap" | "wrap-reverse">;
    justifyContent: "center" | "end" | "start" | "baseline" | "left" | "right" | "normal" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch" | import("../../types").Responsive<"center" | "end" | "start" | "baseline" | "left" | "right" | "normal" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch">;
}> & import("react").RefAttributes<HTMLDivElement>>, DefaultTheme, {}, never>;
//# sourceMappingURL=styled.d.ts.map