import React from "react";
interface CardProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CardSectionProps {
    /**
     * The content of the card,
     * appears below the title and description
     */
    children?: React.ReactNode;
    /**
     * Override how the `header` is rendered. You can pass either an intrinisic
     * jsx element as a string (like "h1") or a react element (`<h1 />`)
     *
     * If you pass a react element, props that we add are spread onto the input.
     *
     * @default "h2"
     */
    headingAs?: React.ReactElement | keyof JSX.IntrinsicElements;
    /**
     * large has bigger heading & smaller padding than standard
     */
    size?: "standard" | "large";
    /**
     * color theme for alert
     * @default "light"
     */
    theme?: "light" | "dark";
}
export declare const Card: React.FC<CardProps>;
interface CardSectionProps {
    heading?: React.ReactNode;
    /**
     * the description for this card
     * appears in grey below the title
     */
    description?: React.ReactNode;
    /**
     * actions could be a button
     * or a tooltip or anything the card should display
     * aligned with the title on the right
     */
    actions?: React.ReactNode;
    /**
     * color theme for alert
     * @default "light"
     */
    theme?: "light" | "dark";
}
export declare const CardSection: React.FC<CardSectionProps>;
/**
 * A border line that can go between two card sections, with appropriate margin applied
 */
export declare const CardSeperator: React.FC<{
    /**
     * color theme for alert
     * @default "light"
     */
    theme?: "light" | "dark";
}>;
export {};