feat: add Checkbox to Docs [MDS-719]

docs/app/components/server/checkbox/description.md

@@ -0,0 +1,3 @@
+The checkbox is shown as a square box that is ticked (checked) when activated.
+
+Checkboxes are used to let a user select one or more options of a limited number of choices.

docs/app/components/server/checkbox/examples/Default.tsx

@@ -0,0 +1,5 @@
+import Checkbox from '@heathmont/moon-base-tw/lib/checkbox/Checkbox';
+
+export const Default = () => <Checkbox />;
+
+export default Default;

docs/app/components/server/checkbox/page.tsx

@@ -0,0 +1,22 @@
+import { Default } from '@/app/components/server/checkbox/examples/Default';
+import ExampleSection from '@/app/components/shared/ExampleSection';
+import QuickNav from '@/app/components/shared/QuickNav';
+import { getExamples } from '@/app/utils/getExamples';
+import { MDX } from '@/components/MDX';
+
+export default async function Home() {
+  const { server } = await getExamples();
+  const examplesList = Object.keys(server.checkbox.examples);
+  return (
+    <div className="w-full max-w-7xl flex flex-col gap-4 text-moon-14">
+      <h1 className="font-medium text-moon-32">Checkbox</h1>
+      <MDX markdown={server.checkbox.description} />
+      <QuickNav items={examplesList} />
+      <ExampleSection
+        title="Default"
+        component={<Default />}
+        code={server.checkbox.examples.Default}
+      />
+    </div>
+  );
+}

docs/app/components/types.ts

@@ -36,10 +36,9 @@ export interface Examples {
         Multiline: 'string';
       };
     };
-    avatar: {
+    checkbox: {
       description: 'string';
       examples: {
-        Active: 'string';
         Default: 'string';
       };
     };

workspaces/base/src/checkbox/Checkbox.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef, useEffect, useState } from 'react';
+import React, { forwardRef } from 'react';
 import type CheckboxProps from './private/types/CheckboxProps';
 import mergeClassnames from '../mergeClassnames/mergeClassnames';
 import ControlsMinus from '../private/icons/ControlsMinus';