Change the **color** of the contained text to one of the seven presets.

The color is chosen through the `value` prop. The options are:
- `red`
- `orange`
- `yellow`
- `lime`
- `cyan`
- `blue`
- `magenta`


```jsx
import Bluelib from "../Bluelib";

<Bluelib>
    <div>
        <Color value={"red"}>
            Red
        </Color>
    </div>
    <div>
        <Color value={"orange"}>
            Orange
        </Color>
    </div>
    <div>
        <Color value={"yellow"}>
            Yellow
        </Color>
    </div>
    <div>
        <Color value={"lime"}>
            Lime
        </Color>
    </div>
    <div>
        <Color value={"cyan"}>
            Cyan
        </Color>
    </div>
    <div>
        <Color value={"blue"}>
            Blue
        </Color>
    </div>
    <div>
        <Color value={"magenta"}>
            Magenta
        </Color>
    </div>
</Bluelib>
```