import { FC } from 'react';
import { CardSection } from './CardSection';
/**
 * Card properties
 */
export interface CardPropsStrict {
    /** Shorthand for status="active" */
    active?: boolean;
    /** Shorthand for elevation="base" */
    base?: boolean;
    /** Adds one or more classnames for an element */
    className?: string;
    /** Dark background, light text */
    dark?: boolean;
    /** Disabled state. Card looks unclickable with fading about 60% */
    disabled?: boolean;
    /** Set the wrapping element's tagname */
    el?: any;
    /** Shorthand for status="error" */
    error?: boolean;
    /** Set elevation of the card */
    elevation?: 'base' | 'flat' | 'raised';
    /** If passed a href string, <Card> gets a hover state and turns into an <a> tag */
    href?: string;
    /** Adds visual effect on mouse over */
    hoverable?: boolean;
    /** Light-gray background */
    light?: boolean;
    /** Shorthand for elevation="raised" */
    raised?: boolean;
    /** Makes corners less rounded */
    sharp?: boolean;
    /** Shorthand for padding="thin" */
    thin?: boolean;
    /** Padding options for card */
    padding?: 'none' | 'thin' | 'default';
    /** Makes dashed border and light-blue background on mouse over */
    placeholder?: boolean;
    /** Status of Card */
    status?: 'default' | 'active' | 'error';
}
export interface CardProps extends CardPropsStrict {
    [propName: string]: any;
}
export interface Card extends FC<CardProps> {
    /** Subcomponents */
    Section: typeof CardSection;
}
export declare const Card: Card;