Function PlusSaleLabel

packages/shared/src/components/plus/PlusSaleLabel.tsx:13–36

({
  className,
}: WithClassNameProps)

import type { WithClassNameProps } from '../utilities/common';

export function PlusSaleLabel({
  className,
}: WithClassNameProps): ReactElement | null {
  const { isActive, label } = usePlusSale();

  if (!isActive || !label) {
    return null;
  }

  return (
    <Typography
      tag={TypographyTag.Span}
      type={TypographyType.Caption1}
      className={classNames(
        'whitespace-nowrap rounded-6 px-1.5 py-0.5 text-black',
        className,
      )}
      style={{ background: plusSaleLabelBg }}
      bold
    >
      {label}
    </Typography>
  );
}