import React from 'react';
import { IFormProps } from '../../form/components/form/form.types';
type THref = string | undefined;
interface IPlaceholder {
    /** Placeholder icon */
    icon?: string | undefined;
    /** Placeholder description */
    description?: string;
    /** Cta message showing on a button */
    ctaMessage?: string;
}
export interface IEditSectionProps {
    /** Additional classes */
    className?: string;
    /** Content to be rendered */
    children?: React.ReactNode | JSX.Element;
    /** Optional ID */
    id?: string;
    /** Section title */
    title: string;
    /** Show title or not */
    showTitle?: boolean;
    /** Modal Title */
    modalTitle?: string;
    /** Form fields to be rendered inside a modal form when user clicks cta or edit button. Alternatively, we can pass a whole form in `form`, if there's an existing component. */
    formProps?: IFormProps;
    /** A form to render inside the modal. Alternatively, we can use `formProps` to create a new form if the component doesn't already exist. */
    formComponent?: JSX.Element;
    /** Link to a url where user can edit the data */
    href?: THref;
    /** Whether to show a divider at the bottom of the section */
    showDivider?: boolean;
    /** Placeholder settings */
    placeholder?: IPlaceholder;
}
declare const EditSection: ({ children, className, formProps, formComponent: originalFormComponent, href, title, showTitle, modalTitle, placeholder, showDivider, }: IEditSectionProps) => import("react/jsx-runtime").JSX.Element;
export default EditSection;
