import PageTitle from "../../../PageTitle/index.js";
import { IfActive } from "../../../../application/index.js";
import ReporterNote from "../../../ReporterNote/index.js";
import classes from './styles.module.scss';
const NormalTitle = function NormalTitle(props) {
  const {
    headline,
    reporterNote,
    eyebrow,
    visual
  } = props;
  return <div>
      <PageTitle headline={headline} eyebrow={eyebrow} visual={visual} align="center" />
      <IfActive active={!!reporterNote}>
        <div className={classes.note}>
          <ReporterNote {...reporterNote} layout="vertical-bottom" />
        </div>
      </IfActive>
    </div>;
};
export default NormalTitle;