Function WithBanner

apps/site/components/withBanner.tsx:11–34

({ section })

import type { FC } from 'react';

const WithBanner: FC<{ section: string }> = ({ section }) => {
  const banner = siteConfig.websiteBanners[section];
  const t = useTranslations();

  if (banner && dateIsBetween(banner.startDate, banner.endDate)) {
    const bannerType = banner.type || 'default';

    return (
      <Banner
        type={banner.type}
        aria-label={t(`components.banner.${bannerType}`)}
      >
        {banner.link ? (
          <Link href={banner.link}>{banner.text}</Link>
        ) : (
          banner.text
        )}
        {banner.link && <ArrowUpRightIcon />}
      </Banner>
    );
  }

  return null;
};

export default WithBanner;