import React from 'react'; import { BaseUI } from '../../types/base'; import { ColorProp } from '../../types/color'; import { TextProps } from '../Text/types'; interface CardBaseProps extends Pick, 'className' | 'children' | 'style'>, BaseUI { } export interface CardProps extends CardBaseProps, React.HTMLAttributes { bgColor?: ColorProp | 'default' | 'dim'; outlineColor?: ColorProp | 'default' | 'dim'; outlined?: boolean; raised?: boolean; clickable?: boolean; rounded?: 'none' | 'default' | 'slim' | 'large' | 'warped'; padding?: 'none' | 'dense' | 'large'; /** * The component tag used * default: div */ component?: React.ElementType; children?: any; } export interface CardContentProps extends CardBaseProps { } export interface CardHeaderProps extends Omit { title?: React.ReactNode | string; titleTextProps?: TextProps; subtitle?: React.ReactNode | string; subtitleTextProps?: TextProps; avatar?: React.ReactNode | string; actions?: any; dim?: boolean; } export interface CardActionsProps extends CardBaseProps { disableSpacing?: boolean; dim?: boolean; align?: 'start' | 'center' | 'end'; } export {};