GitLab

Na tela de seleção de interesses (#23) cada interesse tem um botão próprio. A página irá receber os valores esperados e utilizar para criar os botões. Devemos ter um componente para facilitar esta criação.

O componente deve receber como parâmetros:

• color (pink, blue, green);
• size (small, medium, large);
• text (nome do interesse);
• icon.

A seguir, exemplos de como os botões devem se parecer:

No Figma, na aba style guide, tem a referencia dos ícones, que podem ser exportados em SVG.

Quando selecionado, o icone deve ficar preenchido. Neste momento, o fundo assume a cor da borda. O texto e o ícone assumem a cor do background.

Critérios de Aceitação:

• As cores e ícones de cada botão devem estar de acordo com os indicados no Figma;
• Ao serem clicados, os botões devem ficar preenchidos, como indicado no Figma;
• Os ícones devem estar em SVG;
• Os botões devem ser genéricos e receber (via props) o ícone, texto, cor e tamanho necessários.