spring-button-test/src/components/Checkbox/Checkbox.md

Some neumorphic checkboxes. hmmmmmm smoothh

```jsx
import { useState } from 'react';

import CheckboxExport from './Checkbox';
import Surface from '../Surface/Surface';
const items = ['1 Check', '2 Check', '3 Check'];
const [checks, setChecks] = useState([]);

const handleChecks = (event) => {
  console.log('event', event);
  const { name } = event.target;
  const newChecks = checks;
  if (checks.includes(name)) {
    const index = newChecks.indexOf(name);
    newChecks.splice(index, 1);
  } else {
    newChecks.push(name);
  }
  setChecks([...newChecks]);
};

<Surface width={400} height={60}>
  {items.map((number, index) => (
    <CheckboxExport
      key={number}
      label={number}
      checked={checks.includes(number)}
      name={number}
      handleChange={handleChecks}
    />
  ))}
</Surface>;
```