From 2247d89451c130ab5aa4969f46b7c476403ec433 Mon Sep 17 00:00:00 2001
From: Tsu-ba-me <ynho.li.aa.e@gmail.com>
Date: Thu, 8 Sep 2022 16:51:15 -0400
Subject: [PATCH] feat(striker-ui): customize MUI Checkbox

---
 striker-ui/components/Checkbox.tsx | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 striker-ui/components/Checkbox.tsx

diff --git a/striker-ui/components/Checkbox.tsx b/striker-ui/components/Checkbox.tsx
new file mode 100644
index 00000000..9781a3da
--- /dev/null
+++ b/striker-ui/components/Checkbox.tsx
@@ -0,0 +1,29 @@
+import {
+  Checkbox as MUICheckbox,
+  checkboxClasses as muiCheckboxClasses,
+  CheckboxProps as MUICheckboxProps,
+} from '@mui/material';
+import { FC } from 'react';
+
+import { GREY } from '../lib/consts/DEFAULT_THEME';
+
+type CheckboxProps = MUICheckboxProps;
+
+const Checkbox: FC<CheckboxProps> = ({ sx, ...checkboxProps }) => (
+  <MUICheckbox
+    {...{
+      ...checkboxProps,
+      sx: {
+        color: GREY,
+
+        [`&.${muiCheckboxClasses.checked}`]: { color: GREY },
+
+        ...sx,
+      },
+    }}
+  />
+);
+
+export type { CheckboxProps };
+
+export default Checkbox;