import classNames from 'classnames';

type ChapterProps = {
  children?: React.ReactNode;
  className?: string;
  title?: string;
};

export const Chapter = ({ children, title }: ChapterProps) => {
  return (
    <div
      className={classNames(
        'text-gray-medium my-2 flex items-center gap-1 text-[12px] font-medium',
        classNames
      )}
    >
      {title && <div className="font-medium">{title}</div>}
      {children}
    </div>
  );
};