import * as React from 'react';
import { PaperProps } from './paper';
import { StandardProps } from './types';
export interface CardProps extends StandardProps<PaperProps> {
    /**
     * @name Raised
     * @description If true, the card will use raised styling.
     * @group Card
     * */
    raised?: boolean;
    /**
     * @name Width
     * @group Card
     * @default 300px
     */
    width?: string;
    /**
    * @default
    * ```tsx
    * import * as React from 'react';
    * import { CardContent, CardHeader, CardMedia, CardActions } from './';
    *
    * export default () => (
    * <>
    *   <CardHeader />
    *   <CardMedia />
    *   <CardContent />
    *   <CardActions />
    * <>
    * );
    * ```
    **/
    children?: React.ReactNode;
}
export interface CardHeaderProps {
    /**
     *
     * @default
     * ```tsx
     * import * as React from 'react';
     * import { Text } from '@meetalva/essentials';
     *
     * export default () => (
     * <Text text="Card Header Title" />
     * );
     * ```
     * */
    title?: React.ReactNode;
    /**
     * @default
     * ```tsx
     * import * as React from 'react';
     * import { Text } from '@meetalva/essentials';
     *
     * export default () => (
     * <Text text="Sub Header" />
     * );
     * ```
     * */
    subheader?: React.ReactNode;
    /**
     * @default
     * ```tsx
     * import * as React from 'react';
     * import { IconButton } from './button';
     *
     * export default () => (
     * <IconButton />
     * );
     * ```
     * */
    action?: React.ReactNode;
    /**
     * @default
     * ```tsx
     * import * as React from 'react';
     * import { Avatar } from './avatar';
     *
     * export default () => (
     * <Avatar />
     * );
     * ```
     * */
    avatar?: React.ReactNode;
}
export interface CardContentProps {
    /**
    * @default
    * ```tsx
    * import * as React from 'react';
    * import { Typography } from './';
    *
    * export default () => (
    *   <>
    *       <Typography variant="h6" color="textPrimary"  />
    *       <Typography color="textSecondary" gutterBottom="true" />
    *   <>
    * );
    * ```
    **/
    children?: React.ReactNode;
}
export interface CardMediaProps {
    /**
     * @name Image
     * @default https://source.unsplash.com/300x200/?cat
     * @asset
     * */
    image?: string;
    /**
     * @name Src
     * */
    src?: string;
    /**
     * @name Height
     * @default 200px
     * */
    height?: string;
}
export interface CardActionAreaProps {
    /**
     * @name Disable Action Spacing
     * @group Card ActionArea
     *
     * */
    disableActionSpacing?: boolean;
}
export interface CardActionsProps {
    /**
     * @name Disable Action Spacing
     * @group Card Actions
     *
     * */
    disableActionSpacing?: boolean;
    /**
    * @default
    * ```tsx
    * import * as React from 'react';
    * import { Button } from './';
    *
    * export default () => (
    *   <Button variant="text"  />
    * );
    * ```
    **/
    children?: React.ReactNode;
}
/**
 * @name Card
 * @description Contain content and actions about a single subject
 * @icon Square
 * @group Card
 */
export declare const Card: React.SFC<CardProps>;
/**
 * @name Card Header
 * @icon Square
 * @group Card
 */
export declare const CardHeader: React.SFC<CardHeaderProps>;
/**
 * @name Card Content
 * @icon Square
 * @group Card
 */
export declare const CardContent: React.SFC<CardContentProps>;
/**
 * @name Card Media
 * @group Card
 * @icon Image
 */
export declare const CardMedia: React.SFC<CardMediaProps>;
/**
 * @name Card Actions
 * @group Card
 * @icon MinusSquare
 */
export declare const CardActionArea: React.SFC<CardActionAreaProps>;
/**
 * @name Card Action Area
 * @icon Square
 * @group Card
 */
export declare const CardActions: React.SFC<CardActionsProps>;