{/considerando que já tem o arquivo tags.json/}
import tags from "./tags.json";
import { styled, Styled } from "styled-components";
const Container = styled.div display: flex; gap: 2px; flew-wrap: wrap;;
const Botao = styled.divbackground: blue; margin:3px; padding:.4rem; text-align:center; border-radius:6px; color:white; font-weight; width:fit-content;;
export const Tags = () => { return ( {tags.map((tag) => ( {tag.titulo} ))} ); };
Olá, Antônio Carlos! Tudo bem?
Parabéns por concluir e compartilhar sua solução para o desafio das tags! É muito bacana ver sua iniciativa e o resultado do seu empenho.
Seu código está bem estruturado e funcional, aplicando corretamente os conceitos de styled-components para criar os botões e o contêiner, exatamente como a atividade propunha.
Continue assim, praticando e se aprofundando cada vez mais nos estudos de React!
Espero ter ajudado! Bons estudos!
Sucesso ✨