How to disable Label?

[loudking]

Hi I have following code:

        <Form inline>
            <FormGroup>
                <Label htmlFor="file-upload" role="button" className="btn btn-primary" disabled={props.isViewMode}><i className="fa fa-upload"></i> Upload</Label>
                <Input type="file" style={{display: 'none'}} id="file-upload" accept="image/*" onChange={props.handleFileUpload} disabled={props.isViewMode} />
            </FormGroup>
        </Form>

The label and input are functionally enabled and disabled as isViewMode switches but the Label always looks like enabled. Can you please tell me the correct syntax of disable a label?

[woothu]

The components you have mention are not part of our library.