import clsx from 'clsx' export function Subtitle(props: { text: string; className?: string }) { const { text, className } = props return ( <h1 className={clsx( 'mt-6 mb-2 inline-block text-lg text-indigo-500 sm:mt-6 sm:mb-2 sm:text-xl', className )} > {text} </h1> ) }