convert React Checkbox component to TypeScript

templates/frontOffice/modern/components/React/Checkbox/Checkbox.tsx

@@ -0,0 +1,19 @@
+import React, { forwardRef } from 'react';
+import { CheckboxProps } from './Checkbox.types';
+
+const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(
+  (
+    { label, name, small = false, className = '', ...props }: CheckboxProps,
+    ref
+  ) => {
+    return (
+      <label className={`Checkbox ${className ? className : ''}`}>
+        <input type="checkbox" name={name} {...props} ref={ref} />
+
+        <span>{label}</span>
+      </label>
+    );
+  }
+);
+
+export default Checkbox;

templates/frontOffice/modern/components/React/Checkbox/Checkbox.types.ts

@@ -0,0 +1,16 @@
+import { ChangeEvent } from 'react';
+import { ChangeHandler } from 'react-hook-form';
+
+export type CheckboxProps = {
+  label: string | JSX.Element;
+  name: string;
+  id?: string;
+  type?: string;
+  small?: boolean;
+  className?: string;
+  description?: string | JSX.Element;
+  value?: string | number;
+  defaultChecked?: boolean;
+  checked?: boolean;
+  onChange?: ((e: ChangeEvent<HTMLInputElement>) => void) | ChangeHandler;
+};

templates/frontOffice/modern/components/React/Checkbox/index.ts

@@ -0,0 +1 @@
+export { default } from './Checkbox';