feat: チェックボックスコンポーネント作成(#4)

src/components/common/CheckBox/CheckBox.tsx

@@ -0,0 +1,32 @@
+import { VFC } from 'react';
+import { css } from '@emotion/react';
+
+type Props = {
+  label: string;
+};
+
+const CheckBox: VFC<Props> = ({ label }) => {
+  return (
+    <label css={checkBoxControl}>
+      <input css={checkBox} type="checkbox" />
+      <span css={labelText}>{label}</span>
+    </label>
+  );
+};
+
+const checkBoxControl = css`
+  display: flex;
+  align-items: center;
+`;
+
+const checkBox = css`
+  width: 24px;
+  height: 24px;
+`;
+
+const labelText = css`
+  margin-left: 8px;
+  font-size: 24px;
+`;
+
+export default CheckBox;

src/components/common/CheckBox/index.ts

@@ -0,0 +1,3 @@
+import CheckBox from '@/components/common/CheckBox/CheckBox';
+
+export { CheckBox };