feat: 🎨 migrated component to tsx

packages/components/src/components/popover-message-checkbox/index.ts

@@ -0,0 +1,3 @@
+import PopoverMessageCheckbox from './popover-message-checkbox';
+
+export default PopoverMessageCheckbox;

packages/components/src/components/popover-message-checkbox/popover-message-checkbox.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import Checkbox from '../checkbox';
+
+type TPopoverMessageCheckbox = {
+    defaultChecked?: boolean;
+    message: string;
+    name?: string;
+    onChange: React.FormEventHandler<HTMLInputElement> &
+        ((e: React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent<HTMLSpanElement>) => void);
+    checkboxLabel: string;
+};
+
+const PopoverMessageCheckbox = ({
+    checkboxLabel,
+    defaultChecked,
+    onChange,
+    message,
+    name,
+}: TPopoverMessageCheckbox) => (
+    <React.Fragment>
+        {message}
+        <Checkbox defaultChecked={defaultChecked} onChange={onChange} name={name} label={checkboxLabel} />
+    </React.Fragment>
+);
+
+export default PopoverMessageCheckbox;