import * as React from 'react';
import { headingAppearance } from './ModalHeading';
import {PropsWithChildren} from "react";

export interface HeaderProps {
  className?: string;
  dataHook?: string;
  title?: React.ReactNode;
  titleAppearance?: headingAppearance;
  subtitle?: React.ReactNode;
  showHeaderDivider?: boolean;
}

export const Header: React.FunctionComponent<PropsWithChildren<HeaderProps>> & {
  Title: React.FunctionComponent;
};