import React from 'react'
import {
  Actions,
  Branding,
  HeaderRoot,
  Titles,
  type WorkflowActionsProps,
  type WorkflowTitlesProps,
} from './components'

export type HeaderProps = WorkflowTitlesProps & WorkflowActionsProps

export const Header = ({
  workflowName,
  stepName,
  statusTag,
  headerActions,
  ...restProps
}: HeaderProps): JSX.Element => (
  <HeaderRoot {...restProps}>
    <Branding alt="Culture Amp" />
    <Titles workflowName={workflowName} stepName={stepName} statusTag={statusTag} />
    <Actions headerActions={headerActions} />
  </HeaderRoot>
)

Header.displayName = 'Workflow.Header'