import * as React from 'react'; export type ComposerHeaderSize = 'small' | 'medium'; export type ComposerHeaderProps = { /** Accepts `` and `` elements. Any other child isn't rendered. */ children?: React.ReactNode; /** Applies a data-hook HTML attribute to be used in the tests. */ dataHook?: string; /** Defines the label of a back button. */ backButtonValue?: React.ReactNode; /** Defines what happens when the back button is clicked. */ onBackClick?: React.MouseEventHandler; /** Sets the height of the component and adjusts the size of the back button. */ size?: ComposerHeaderSize; /** Applies a drop shadow effect. */ dropShadow?: boolean; }; export type ComposerHeaderSaveStatusProps = { /** Sets the save status text to display. */ saveStatusValue: string; /** Displays the save status text in the error skin when set to a non-empty string. The string itself isn't displayed. */ saveStatusError?: string; /** Applies a data-hook HTML attribute to be used in the tests. */ dataHook?: string; /** Sets the height of the component and adjusts the size of the back button. */ size?: ComposerHeaderSize; }; export type ComposerHeaderActionsProps = { /** Controls the horizontal alignment of the content inside the actions group. Accepts any CSS `justify-content` value. * @default 'flex-start' */ justifyContent?: React.CSSProperties['justifyContent']; /** Applies a data-hook HTML attribute to be used in the tests. */ dataHook?: string; /** Hides this actions group when `mobile` is enabled on ``. * @default false */ hideOnMobile?: boolean; /** Accepts any content to render inside the actions group. The group isn't rendered when it's empty. */ children?: React.ReactNode; }; export type ComposerHeaderMainActionsProps = { /** Accepts any content to render in the main actions area at the end of the header. Only the first `` is rendered. */ children?: React.ReactNode; /** Applies a data-hook HTML attribute to be used in the tests. */ dataHook?: string; }; //# sourceMappingURL=ComposerHeader.types.d.ts.map