Ontology Extraction Page - Copy this React, Tailwind Component to your project

Gere para mim um pagina que tenha um bottão escritor extratir. Quero que nessa página que o usuário possa selecionar uma lista de ontologias e eviar um arquivo. Antes de ele poder cliclar no botão extrair, ele precisa configurar qual tipo de extraçãoe ele vai quere, se for com extração com IA que crie um input onde ele coloque o token, caso seja uma extração sem IA, não faça mais nada. Esse tipo, quero que ele clique em um simbolo de engrenagem que abra um pop para ele escolher o tipo. quando ele entrar na engrenagem, ele possa selecionar o typo de extração, caso seja com ia, abra um campo para ele colocar o token, e quando ele colocar o token mostrar que ficou salvo e na próxima vez que ele entrar nesse pop up ele ver que o token dele já ta salvo, podendo ele excluir e salvar um outro. Deixar o botão desabilitado enquanto ele não escolher o typo de extração.