import { ReactNode } from 'react';
import { TSizeAll } from '../../types';

export interface ICardProps {
    /**
     * wraps in <li> instead of <div> for better HTML semantics
     * @default false
     */
    asList?: boolean;
    /**
     * optional className attribute
     */
    className?: string;
    /**
     * the content of the selection card
     */
    children: ReactNode | JSX.Element;
    /**
     * does card have a transparent background?
     * @default false
     */
    transparent?: boolean;
    /**
     * disable the selection card so the user cannot interact with it and it will be faded
     * @default false
     */
    disabled?: boolean;
    /**
     * optional id attribute
     */
    id?: string;
    /**
     * does card have a hover effect?
     * @default false
     */
    hasHover?: boolean;
    /**
     * onClick event
     */
    onClick?: () => void;
    /**
     * set the padding / spacing of the component
     * @default 'sm'
     */
    size?: TSizeAll;
    /**
     * apply custom CSS
     */
    style?: React.CSSProperties;
}
//# sourceMappingURL=types.d.ts.map