Tarefa 06 Media Query Level 5
Utilizando a ferramenta CodeSandbox e o template React, implemente um componente que receba uma lista de itens de compra (use a sua criatividade para definir o que são esses itens). Este componente deve relacionar cada item apresentando (i) o valor unitário, (ii) a quantidade solicitada, (iii) o valor total para cada item e, ao final, (iv) o valor total da compra (além de informar os dados gerais dos itens). Os elementos de interação com o usuário devem, quando em dispositivo que tenha recurso de apontamento (cursor), alterar o ponteiro para indicar para o mesmo que é possível interagir com tais elementos. Além disso, deve ser implementado um esquema de cores diferenciado (mantendo-se os devidos contrastes) para quando o usuário estiver usando o tema Dark. Use a forma que desejar para a estilização. Pense Mobile-First.