2023-09-12 17:37:41 -07:00
|
|
|
const Label = ({
|
|
|
|
|
text,
|
|
|
|
|
optional,
|
|
|
|
|
className,
|
|
|
|
|
}: {
|
|
|
|
|
text: string
|
|
|
|
|
optional?: boolean
|
|
|
|
|
className?: string
|
|
|
|
|
}) => (
|
2023-09-14 06:18:39 -07:00
|
|
|
<p
|
2023-09-18 20:19:55 -07:00
|
|
|
className={`mb-2 text-left text-base font-medium text-th-fgd-1 ${className}`}
|
2023-09-14 06:18:39 -07:00
|
|
|
>
|
2023-09-12 17:37:41 -07:00
|
|
|
{text}{' '}
|
|
|
|
|
{optional ? (
|
|
|
|
|
<span className="ml-1 text-xs text-th-fgd-4">(Optional)</span>
|
|
|
|
|
) : null}
|
|
|
|
|
</p>
|
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
export default Label
|
