import { SKIN, LAYOUT, SIZE, BORDER } from './constants';
import { ValuesOf } from '../utils/typeUtils';
import React from 'react';
export type SectionHelperSkin = ValuesOf<typeof SKIN>;
export type SectionHelperAppearance = SectionHelperSkin;
export type SectionHelperSize = ValuesOf<typeof SIZE>;
export type SectionHelperLayout = ValuesOf<typeof LAYOUT>;
export type SectionHelperBorder = ValuesOf<typeof BORDER>;
export type SectionHelperProps = {
    /** Sets the body content of the section helper. */
    children?: React.ReactNode;
    /** Applied as data-hook HTML attribute that can be used in the tests. */
    dataHook?: string;
    /** Sets the look and feel of the component. */
    skin?: SectionHelperSkin;
    /** Sets the look and feel of the component. Used only when `skin` isn't set.
     * @deprecated Use `skin` instead.
     */
    appearance?: SectionHelperAppearance;
    /** Adds text as the title. */
    title?: React.ReactNode;
    /** Controls the component padding. */
    size?: SectionHelperSize;
    /** Specifies whether the close button is displayed. */
    showCloseButton?: boolean;
    /** Defines a callback function which is called when the close button is clicked. The close button is displayed only when `showCloseButton` is `true`. */
    onClose?: React.MouseEventHandler<HTMLElement>;
    /** When provided, displays an action button that invokes this callback on click. */
    onAction?: React.MouseEventHandler<HTMLElement>;
    /** Text or any child component for the action button. */
    actionText?: React.ReactNode;
    /** Disables the action button. */
    actionDisabled?: boolean;
    /** Defines properties for the secondary action button. */
    secondaryActionProps?: {
        /** Sets the label of the secondary action button. */
        label?: React.ReactNode;
        /** Defines a callback function which is called when the secondary action button is clicked. */
        onClick?: React.MouseEventHandler<HTMLButtonElement>;
    };
    /** Set the content width to 100%. */
    fullWidth?: boolean;
    /**
     * Controls the component layout.
     * @default vertical
     */
    layout?: SectionHelperLayout;
    /**
     * Controls the component border.
     * @default standard
     */
    border?: SectionHelperBorder;
    /** Enables showing prefix icon. */
    showPrefixIcon?: boolean;
    /** Overrides default prefix icon. */
    prefixIcon?: React.ReactNode;
};
//# sourceMappingURL=SectionHelper.types.d.ts.map