import { getReportOptions } from "@allurereport/web-commons";
import { ReportLogo } from "@allurereport/web-components";
import * as styles from "@/components/ReportHeader/styles.scss";
import type { AwesomeReportOptions } from "../../../types";

export const ReportHeaderLogo = () => {
  const { logo } = getReportOptions<AwesomeReportOptions>() ?? {};

  return (
    <div className={styles["report-header-logo"]}>
      <ReportLogo logo={logo} />
    </div>
  );
};