import React from 'react';
import type { ReactNode } from 'react';
import type { ITypographyProps } from '@/core/data-display/typography';
import type { IButtonProps } from '@/core/inputs/button';
import type { IconButtonProps } from '@/core/inputs/icon-button';
export interface IProps {
    id?: string;
    name: string;
    title?: string;
    label?: string;
    nested?: boolean;
    editing?: boolean;
    children: ReactNode;
    renderRemove?: boolean;
    action?: JSX.Element | null;
    /**
     * Merged over the title defaults — `variant='h6'`, `color='primary'`.
     * `variant` also sets the heading level, so `{ component: 'h2' }`
     * keeps the `h6` type scale on an `<h2>` tag.
     */
    titleProps?: Partial<ITypographyProps>;
    onAddProps?: Partial<IButtonProps>;
    onEditProps?: Partial<IconButtonProps>;
    onRemoveProps?: Partial<IconButtonProps>;
    onRemove?(): void;
    onClickAdd?(): void;
    onToggleEdit?(): void;
}
declare const Card: (props: IProps) => React.JSX.Element;
export default Card;