import React from 'react';
import { BoxProps } from '../Box';
export declare type CardProps = Omit<BoxProps, 'bg' | 'background' | 'backgroundColor' | 'borderRadius'> & {
    /** Whether the card should be light blue-navy or dark blue-navy */
    variant?: 'light' | 'lighter' | 'dark' | 'darker';
};
/**
 * Extends <a href="/#/Box">Box</a>
 *
 * A card is simply a basic layout component with additional style props.
 */
export declare const Card: React.ForwardRefExoticComponent<Pick<CardProps, string | number | symbol> & React.RefAttributes<HTMLElement>>;
export default Card;