import * as React from 'react';
import {PropsWithChildren} from "react";

export interface ComposerHeaderProps {
  dataHook?: string;
  backButtonValue?: React.ReactNode;
  onBackClick?: React.MouseEventHandler<HTMLElement>;
  size?: 'small' | 'medium';
  dropShadow?: boolean;
}

declare const ComposerHeaderSaveStatus: React.FC<PropsWithChildren<ComposerHeaderSaveStatusProps>>;
interface ComposerHeaderSaveStatusProps {
  saveStatusValue: string;
  saveStatusError?: string;
  dataHook?: string;
  size?: 'small' | 'medium';
}

declare const ComposerHeaderActions: React.FC<PropsWithChildren<ComposerHeaderActionsProps>>;
interface ComposerHeaderActionsProps {
  justifyContent?: React.CSSProperties['justifyContent'];
  dataHook?: string;
}
declare const ComposerHeaderMainActions: React.FC<PropsWithChildren<ComposerHeaderMainActionsProps>>;
interface ComposerHeaderMainActionsProps {
  dataHook?: string;
}

export default class ComposerHeader extends React.Component<PropsWithChildren<ComposerHeaderProps>> {
  static SaveStatus: typeof ComposerHeaderSaveStatus;
  static Actions: typeof ComposerHeaderActions;
  static MainActions: typeof ComposerHeaderMainActions;
}