Default Component - Copy this React, Mui Component to your project

Crie um formulário de gerenciamento de vagas de emprego de sua empresa. Será uma tela onde na parte superior teria uma linha com filtros: - Texto autocomplete com Busca por título da vaga/posição - Busca por Departamento ou Setor - Busca por Cidade Na próxima seção/linha, mostra o resumo da busca, por exemplo:
 Mostrando 150 jobs UI/UX designer de Nova York Ainda na mesma linha, no lado direito mostrar um dropbox com filtros “Sort by” e ao lado dois ícones: visualizar em grid e em lista Na linha abaixo, se estiver em modo grid, viriam vários cards, com as vagas encontradas, os cards retangulares com Nome da posição, Quando foi criada, quantos aplicaram pra vaga, por exemplo: 2 dias atrás - 140 cadastrados um accordion para mostrar o resumo da descrição/descrição inteira Embaixo, dentro do card, Quantos dias faltam para finalizar o tempo da seleção do candidato um , ao lado um botão enviar convite, para convidar mais usuários por email E outro outros chips para mudar o status da vaga. Colocar também um botão para inserir nova vaga, pode ser um acordeon dinâmico para inserir a vaga ali mesmo, não quero popup o modal. - Titulo que será com autocomplete, pegando de uma api - Descricao, colocar u - Departamento / Setor - Status - data_inicio - data_fim - Status da vaga: * Rascunho: Vaga em processo de criação, ainda não publicada Valor Default * Publicada: Vaga ativa e aberta para receber candidaturas * Em Pausa: Temporariamente suspensa para novas candidaturas * Em Análise: Fechada para novas candidaturas, processo seletivo em andamento * Preenchida: Vaga foi ocupada com sucesso por um candidato * Cancelada: Vaga foi descontinuada antes de ser preenchida * Expirada: Vaga atingiu o prazo limite sem ser preenchida