import React, { SyntheticEvent } from 'react';
import { Background, BorderColor, BorderWidth, Radius, Spacing } from '../../layout/types.js';
export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
    /** `background | surface | surface-strong | surface-subtle` */
    background?: Background;
    borderColor?: BorderColor;
    border?: BorderWidth;
    borderBottom?: BorderWidth;
    borderLeft?: BorderWidth;
    borderRight?: BorderWidth;
    borderTop?: BorderWidth;
    /** `none | sm | default | md | lg | xl | xxl | 3xl | full` */
    borderRadius?: Radius;
    className?: string;
    children: React.ReactNode;
    onClick?: (e: SyntheticEvent) => void;
    /** `xxs | xs | sm | base | lg | xl | xxl` */
    padding?: Spacing;
    /**
     *  Space between elements<br>
     *  `xxs | xs | sm | base | lg | xl | xxl`
     * */
    space?: Spacing;
}
declare const Card: ({ background, border, borderColor, borderBottom, borderLeft, borderRight, borderTop, borderRadius, children, className, onClick, padding, space, ...props }: CardProps) => React.ReactElement;
export { Card };
