import type { ThemeType } from '../../literals/Type.literal';
import type { ReactElement } from 'react';
/**
 * @docunator
 * @title CardHeaderProps
 * @description Props for the CardHeader component.
 * @category Structure Components Props
 */
type CardHeaderProps = {
    title?: string;
    type?: ThemeType | undefined;
    leftAccessory?: ReactElement | ReactElement[] | undefined;
    rightAccessory?: ReactElement | ReactElement[] | undefined;
};
/**
 * @docunator
 * @title CardHeader
 * @author Danilo Ramírez Mattey
 * @version 1.0.0
 * @description A simple header component for the Card component.
 * @category Structure Components
 * @param {string} title - The title of the card header.
 * @param {string} type - The theme type of the card header.
 * @param {Element} leftAccessory - The left accessory component of the card header.
 * @param {Element} rightAccessory - The right accessory component of the card header.
 * @see Card

 */
export declare function CardHeader({ title, type, leftAccessory, rightAccessory, }: CardHeaderProps): ReactElement;
/*******************************************************************************************************************************/
/**
 * @docunator
 * @title Card Footer Props
 * @description Props for the CardFooter component.
 * @category Structure Components Props
 */
type CardFooterProps = {
    type?: ThemeType;
    children?: any;
};
/**
 * @docunator
 * @title CardFooter
 * @description A simple footer component for the Card component.
 * @author Danilo Ramírez Mattey
 * @version 1.0.0
 * @category Structure Components
 * @param {string} type - The theme type of the card footer.
 * @param {Element} children - The children components of the card footer.
 * @see Card

 */
export declare function CardFooter({ type, children }: CardFooterProps): import("react/jsx-runtime").JSX.Element;
/*******************************************************************************************************************************/
/**
 * @docunator
 * @title CardProps
 * @description Props for the Card component.
 * @category Structure Components Props
 */
type CardProps = {
    children?: any;
    type?: ThemeType | undefined;
    title?: string;
    headerLeftAccessory?: ReactElement | ReactElement[] | undefined;
    headerRightAccessory?: ReactElement | ReactElement[] | undefined;
    backColor?: string | undefined;
    header?: any;
    footer?: any;
};
/**
 * @docunator
 * @title Card
 * @description A simple card component to display content in a card-like container.
 * @category Structure Components
 * @author Danilo Ramírez Mattey
 * @version 1.0.0
 * @param {Element} children - The content of the card.
 * @param {string} type - The theme type of the card.
 * @param {string} title - The title of the card.
 * @param {Element} headerLeftAccessory - The left accessory component of the card header.
 * @param {Element} headerRightAccessory - The right accessory component of the card header.
 * @param {string} backColor - We can overwrite the background color by passing a custom color here.
 * @param {Element} header We can overwrite the header by passing a custom component here.
 * @param {Element} footer We can use this parameter to add a footer component to the card. We recomend using the CardFooter component.
 * @see CardFooter
 * @see CardHeader

 */
export default function Card({ children, type, title, headerLeftAccessory, headerRightAccessory, backColor, header, footer, }: CardProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=Card.d.ts.map