Organograma Interativo – SGA https://unpkg.com/react@18/umd/react.development.js https://unpkg.com/react-dom@18/umd/react-dom.development.js https://unpkg.com/@babel/standalone/babel.min.js https://cdn.tailwindcss.com const { useState } = React; const setores = { “Diretoria de Atendimento ao Cidadão”: [ “Gerência de Atendimento ao Cidadão”, “Coordenação Geral dos Espaços e Salas da Cidadania” ], “Diretoria de Planejamento e Finanças”: [ “Gerência de Planejamento e Orçamento”, “Gerência de Execução Orçamentária”, “Coordenação de Contabilidade”, “Coordenação de Controle de Diárias e Passagens”, “Coordenação de Supervisão de Telecomunicações” ], “Diretoria de Obras e Serviços de Engenharia e Arquitetura”: [ “Gerência Técnica de Projetos”, “Coordenação de Projetos”, “Coordenação de Planejamento e Orçamento de Obras”, “Coordenação de Supervisão e Fiscalização de Obras”, “Gerência do Centro Administrativo”, “Coordenação de Frota” ], “Diretoria de Logística e Abastecimento”: [ “Coordenação de Manutenção, Conservação e Limpeza”, “Gerência de Controle de Gastos Comuns”, “Coordenação de Abastecimento e Manutenção de Frota”, “Coordenação de Gestão de Telecomunicações”, “Gerência de Controle de Bens Móveis”, “Coordenação de Monitoramento Mobiliário”, “Coordenação de Almoxarifado”, “Coordenação de Colônia de Férias”, “Coordenação de Bens Inservíveis” ], “Diretoria de Inovação em Serviços Públicos”: [ “Gerência de Inovação na Gestão dos Serviços Públicos”, “Coordenação do Sistema Eletrônico de Informações” ] }; function OrganogramaInterativo() { const [selecionado, setSelecionado] = useState(null); return ( ); } const root = ReactDOM.createRoot(document.getElementById(“root”)); root.render();