prometheus

1
import React, { FC, memo, CSSProperties } from 'react';
2
import { FormGroup, Label, Input, InputProps } from 'reactstrap';
3

4
interface CheckboxProps extends InputProps {
5
  wrapperStyles?: CSSProperties;
6
}
7

8
const Checkbox: FC<CheckboxProps> = ({ children, wrapperStyles, id, ...rest }) => {
9
  return (
10
    <FormGroup className="custom-control custom-checkbox" style={wrapperStyles}>
11
      <Input {...rest} id={id} type="checkbox" className="custom-control-input" />
12
      <Label style={{ userSelect: 'none' }} className="custom-control-label" for={id}>
13
        {children}
14
      </Label>
15
    </FormGroup>
16
  );
17
};
18

19
export default memo(Checkbox);
20