/// <reference types="react" />
import { Theme } from 'styled-components';
import { AlertPaletteItem } from './Palette';
export type AlertCardProps = {
    state: 'pending' | 'active' | 'complete';
    palette: AlertPaletteItem;
};
export interface ThemedProps extends AlertCardProps {
    theme: Theme;
}
export declare const AlertCard: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
    ref?: import("react").Ref<HTMLDivElement>;
}>, ThemedProps>, ThemedProps>>;