Form Note(React)

<React.Fragment>
    <Label for="example-39189">Password</Label>
    <TextInput id="example-39189" type="password" onChange={() => {}} />
    <div className="mt1">
        <FormNote>Passwords must be at least 8 characters long.</FormNote>
    </div>
</React.Fragment>

<React.Fragment>
    <Label for="example-291929" text="Email address" hasError>
        Email address
    </Label>
    <TextInput id="example-291929" hasError value="example@exampl" onChange={() => {}} />
    <div className="mt1">
        <FormNote hasError>The email address you entered is incorrect.</FormNote>
    </div>
</React.Fragment>