# Checkbox Group Component

The Checkbox Group component is a reusable user interface element that allows users to select one or more options from a list of choices. The component should be clickable and its state should change on click. Additionally, the component should be able to return its values on click, and we should be able to pass in default states for these checkboxes.

## Props

| Name          | Type     | Default | Description                                                       |
|---------------|----------|---------|-------------------------------------------------------------------|
| `options`     | `array`  | `[]`    | An array of objects representing the available options. Each object should have a label and value property.            |
| `selectedValues`       | `string` | `"#000"` |	An array of strings representing the currently selected values.          |
| `color`| `string`   | `#000` | A color string to be passed as a prop to the Checkbox components.                              |
| `onChange`    | `func`   | `null`  | A callback function that is called when the selection changes. It receives the new selected values as an argument.  |

## Options Object

The `options` prop should be an array of objects representing each checkbox option. Each object should have the following properties:

| Name      | Type      | Description                          |
|-----------|-----------|--------------------------------------|
| `value`   | `string`  | The value of the checkbox.            |
| `label`   | `string`  | The label displayed next to the checkbox. |

## Example Usage

```jsx
import React, { useState } from 'react';
import CheckboxGroup from './CheckboxGroup';

const options = [
  { label: "Option 1", value: "option1" },
  { label: "Option 2", value: "option2" },
  { label: "Option 3", value: "option3" },
];

const App = () => {
  const [selectedValues, setSelectedValues] = useState([]);

  const handleCheckboxGroupChange = (newSelectedValues) => {
    setSelectedValues(newSelectedValues);
  };

  return (
    <div>
      <CheckboxGroup
        color="#ffaa33"
        options={options}
        selectedValues={selectedValues}
        onChange={handleCheckboxGroupChange}
      />
      <div>Selected values: {JSON.stringify(selectedValues)}</div>
    </div>
  );
};

export default App;