2023-01-17 21:06:00 -08:00
|
|
|
const Label = ({
|
|
|
|
|
text,
|
|
|
|
|
optional,
|
|
|
|
|
className,
|
|
|
|
|
}: {
|
|
|
|
|
text: string
|
|
|
|
|
optional?: boolean
|
|
|
|
|
className?: string
|
|
|
|
|
}) => (
|
|
|
|
|
<p className={`mb-2 text-left text-sm text-th-fgd-3 ${className}`}>
|
2022-07-21 22:09:04 -07:00
|
|
|
{text}{' '}
|
|
|
|
|
{optional ? (
|
|
|
|
|
<span className="ml-1 text-xs text-th-fgd-4">(Optional)</span>
|
|
|
|
|
) : null}
|
|
|
|
|
</p>
|
2022-07-20 21:50:56 -07:00
|
|
|
)
|
|
|
|
|
|
|
|
|
|
export default Label
|
