Objetivo: Cumprir as user stories abaixo e fazer todos os testes passarem para completar o laboratório. Histórias de Usuário: 1. Você deve definir e exportar um componente ColorPicker. 1. Você deve usar o hook useState. 1. Você deve ter um elemento #color-picker-container com um fundo branco. 1. Você deve ter um elemento #color-input que deve ser um input do tipo color. 1. Seu #color-input deve ser um filho de #color-picker-container. 1. Quando #color-input for alterado, #color-picker-container deve ter seu fundo definido para esse novo valor.

Testes:

• Você deve definir e exportar um componente `ColorPicker`.
• Você deve usar o hook `useState`.
• Você deve usar o valor de retorno do hook `useState`.
• Você deve usar a desestruturação de array para atribuir o valor retornado de `useState` a duas variáveis.
• Você deve passar `#ffffff` como valor inicial para sua chamada `useState`.
• Você deve renderizar um elemento com `color-picker-container` como o `id`.
• Seu `#color-picker-container` deve ter um fundo branco inicialmente.
• Você deve renderizar um elemento `input` com um `id` de `color-input`.
• Seu `#color-input` deve ser um filho de `#color-picker-container`.
• Seu `#color-input` deve ser um input do tipo `color`.
• Seu `#color-input` deve ter um atributo `onChange`.
• Seu `#color-input` deve ter um valor inicial de `#ffffff`.
• O valor inicial do seu `#color-input` deve ser gerenciado pelo seu hook `useState`.
• Quando o valor do seu `#color-input` for alterado, o seu `#color-picker-container` deve mudar a cor de fundo para refletir esse valor.