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