ontime/apps/client/src/common/components/eyebrow/Eyebrow.tsx

import { PropsWithChildren } from 'react';

import { cx } from '../../utils/styleUtils';

import style from './Eyebrow.module.scss';

interface EyebrowProps {
  className?: string;
}

export default function Eyebrow({ children, className }: PropsWithChildren<EyebrowProps>) {
  return <span className={cx([style.eyebrow, className])}>{children}</span>;
}