function RatingSystem({ initialRating = 0, onSubmit }) { const [rating, setRating] = useState(initialRating); const [comment, setComment] = useState(""); const [hoveredRating, setHoveredRating] = useState(0); const handleSubmit = (e)=>{ e.preventDefault(); onSubmit?.({ rating, comment }); setComment(""); setRating(0); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md mx-auto p-6 bg-white rounded-lg shadow-md", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center space-x-1", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, [ 1, 2, 3, 4, 5 ].map((star)=>/*#__PURE__*/ React.createElement("button", { key: star, type: "button", className: "text-2xl focus:outline-none", onMouseEnter: ()=>setHoveredRating(star), onMouseLeave: ()=>setHoveredRating(0), onClick: ()=>setRating(star), __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-star ${star <= (hoveredRating || rating) ? "text-yellow-400" : "text-gray-300"}`, __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("textarea", { name: "comment", value: comment, onChange: (e)=>setComment(e.target.value), className: "w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", placeholder: "Deixe seu comentário aqui...", rows: "4", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-2 px-4 bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition-colors", disabled: !rating, __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "Enviar Avaliação"))); } function RatingSystemStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4 space-y-8", __source: { fileName: "", lineNumber: 60, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, "Avaliação Padrão"), /*#__PURE__*/ React.createElement(RatingSystem, { onSubmit: console.log, __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, "Avaliação com Nota Inicial"), /*#__PURE__*/ React.createElement(RatingSystem, { initialRating: 3, onSubmit: console.log, __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }))); } function UserRegistrationForm() { const [formData, setFormData] = useState({ nomeCompleto: "", endereco: "", email: "", idade: "", genero: "", telefone: "" }); const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; const handleSubmit = (e)=>{ e.preventDefault(); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg mx-auto p-6 bg-white rounded-lg shadow-md", __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-6 text-center font-roboto", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, "Formulário de Registro"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2 font-roboto", htmlFor: "nomeCompleto", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "Nome Completo"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "nomeCompleto", id: "nomeCompleto", value: formData.nomeCompleto, onChange: handleChange, className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2 font-roboto", htmlFor: "endereco", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "Endereço"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "endereco", id: "endereco", value: formData.endereco, onChange: handleChange, className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2 font-roboto", htmlFor: "email", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", id: "email", value: formData.email, onChange: handleChange, className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2 font-roboto", htmlFor: "idade", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, "Idade"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "idade", id: "idade", value: formData.idade, onChange: handleChange, className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 101, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2 font-roboto", htmlFor: "genero", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, "Gênero"), /*#__PURE__*/ React.createElement("select", { name: "genero", id: "genero", value: formData.genero, onChange: handleChange, className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 108, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 116, columnNumber: 13 }, __self: this }, "Selecione"), /*#__PURE__*/ React.createElement("option", { value: "masculino", __source: { fileName: "", lineNumber: 117, columnNumber: 13 }, __self: this }, "Masculino"), /*#__PURE__*/ React.createElement("option", { value: "feminino", __source: { fileName: "", lineNumber: 118, columnNumber: 13 }, __self: this }, "Feminino"), /*#__PURE__*/ React.createElement("option", { value: "outro", __source: { fileName: "", lineNumber: 119, columnNumber: 13 }, __self: this }, "Outro"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 123, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2 font-roboto", htmlFor: "telefone", __source: { fileName: "", lineNumber: 124, columnNumber: 11 }, __self: this }, "Telefone"), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "telefone", id: "telefone", value: formData.telefone, onChange: handleChange, className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 130, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 text-white py-2 px-4 rounded-md hover:bg-blue-600 transition-colors font-roboto", __source: { fileName: "", lineNumber: 141, columnNumber: 9 }, __self: this }, "Registrar"))); } function UserRegistrationFormStory() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 py-8", __source: { fileName: "", lineNumber: 154, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(UserRegistrationForm, { __source: { fileName: "", lineNumber: 155, columnNumber: 7 }, __self: this })); } function PartnerRegistrationForm({ onSubmit }) { const [formData, setFormData] = useState({ nomeEmpresa: "", cnpj: "", endereco: "", cidade: "", estado: "", segmento: "", ramoAtividade: "", produtosServicos: "", horarioFuncionamento: { segunda: { inicio: "", fim: "", ativo: false }, terca: { inicio: "", fim: "", ativo: false }, quarta: { inicio: "", fim: "", ativo: false }, quinta: { inicio: "", fim: "", ativo: false }, sexta: { inicio: "", fim: "", ativo: false }, sabado: { inicio: "", fim: "", ativo: false }, domingo: { inicio: "", fim: "", ativo: false } } }); const handleChange = (e)=>{ const { name, value } = e.target; setFormData((prev)=>({ ...prev, [name]: value })); }; const handleHorarioChange = (dia, campo, valor)=>{ setFormData((prev)=>({ ...prev, horarioFuncionamento: { ...prev.horarioFuncionamento, [dia]: { ...prev.horarioFuncionamento[dia], [campo]: campo === "ativo" ? !prev.horarioFuncionamento[dia].ativo : valor } } })); }; const handleSubmit = (e)=>{ e.preventDefault(); onSubmit?.(formData); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl mx-auto p-6 bg-white rounded-lg shadow", __source: { fileName: "", lineNumber: 50, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold mb-6 font-roboto text-center", __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }, "Cadastro de Parceiro"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, "Nome da Empresa"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "nomeEmpresa", value: formData.nomeEmpresa, onChange: handleChange, className: "w-full p-2 border rounded focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, "CNPJ"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "cnpj", value: formData.cnpj, onChange: handleChange, className: "w-full p-2 border rounded focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", __source: { fileName: "", lineNumber: 85, columnNumber: 15 }, __self: this }, "Endereço"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "endereco", value: formData.endereco, onChange: handleChange, className: "w-full p-2 border rounded focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 86, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", __source: { fileName: "", lineNumber: 96, columnNumber: 15 }, __self: this }, "Cidade"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "cidade", value: formData.cidade, onChange: handleChange, className: "w-full p-2 border rounded focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 106, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", __source: { fileName: "", lineNumber: 107, columnNumber: 15 }, __self: this }, "Estado"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "estado", value: formData.estado, onChange: handleChange, className: "w-full p-2 border rounded focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 108, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 119, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 120, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this }, "Segmento"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "segmento", value: formData.segmento, onChange: handleChange, className: "w-full p-2 border rounded focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 122, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 131, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", __source: { fileName: "", lineNumber: 132, columnNumber: 15 }, __self: this }, "Ramo de Atividade"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "ramoAtividade", value: formData.ramoAtividade, onChange: handleChange, className: "w-full p-2 border rounded focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 135, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 146, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", __source: { fileName: "", lineNumber: 147, columnNumber: 13 }, __self: this }, "Produtos/Serviços Oferecidos"), /*#__PURE__*/ React.createElement("textarea", { name: "produtosServicos", value: formData.produtosServicos, onChange: handleChange, className: "w-full p-2 border rounded focus:ring-2 focus:ring-blue-500 h-24", required: true, __source: { fileName: "", lineNumber: 150, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 159, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium", __source: { fileName: "", lineNumber: 160, columnNumber: 13 }, __self: this }, "Horário de Funcionamento"), Object.entries(formData.horarioFuncionamento).map(([dia, horario])=>/*#__PURE__*/ React.createElement("div", { key: dia, className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 165, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: horario.ativo, onChange: ()=>handleHorarioChange(dia, "ativo"), className: "w-4 h-4", __source: { fileName: "", lineNumber: 166, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "w-20", __source: { fileName: "", lineNumber: 172, columnNumber: 19 }, __self: this }, dia.charAt(0).toUpperCase() + dia.slice(1)), /*#__PURE__*/ React.createElement("input", { type: "time", value: horario.inicio, onChange: (e)=>handleHorarioChange(dia, "inicio", e.target.value), disabled: !horario.ativo, className: "p-2 border rounded", __source: { fileName: "", lineNumber: 175, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 184, columnNumber: 19 }, __self: this }, "até"), /*#__PURE__*/ React.createElement("input", { type: "time", value: horario.fim, onChange: (e)=>handleHorarioChange(dia, "fim", e.target.value), disabled: !horario.ativo, className: "p-2 border rounded", __source: { fileName: "", lineNumber: 185, columnNumber: 19 }, __self: this }))))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-600 text-white py-2 px-4 rounded hover:bg-blue-700 transition duration-200", __source: { fileName: "", lineNumber: 200, columnNumber: 9 }, __self: this }, "Cadastrar Parceiro"))); } function PartnerRegistrationFormStory() { const handleSubmit = (data)=>{ console.log("Dados do formulário:", data); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 p-4", __source: { fileName: "", lineNumber: 217, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(PartnerRegistrationForm, { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 218, columnNumber: 7 }, __self: this })); } function InteractiveMap() { const [position, setPosition] = useState({ lat: -23.5505, lng: -46.6333 }); const [markers, setMarkers] = useState([]); const [selectedType, setSelectedType] = useState("problema"); const [mapLoaded, setMapLoaded] = useState(false); useEffect(()=>{ if ("geolocation" in navigator) { navigator.geolocation.getCurrentPosition((pos)=>{ setPosition({ lat: pos.coords.latitude, lng: pos.coords.longitude }); }); } }, []); const addMarker = useCallback((e)=>{ const newMarker = { id: Date.now(), position: { lat: e.latLng.lat(), lng: e.latLng.lng() }, type: selectedType }; setMarkers((prev)=>[ ...prev, newMarker ]); }, [ selectedType ]); return /*#__PURE__*/ React.createElement("div", { className: "w-full h-screen relative", __source: { fileName: "", lineNumber: 31, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-4 right-4 z-10 bg-white p-4 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: selectedType, onChange: (e)=>setSelectedType(e.target.value), className: "p-2 border rounded", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "problema", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "Problema na Via"), /*#__PURE__*/ React.createElement("option", { value: "comercio", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "Comércio Local"))), /*#__PURE__*/ React.createElement("div", { className: "w-full h-full", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, typeof google !== "undefined" && /*#__PURE__*/ React.createElement(React.Fragment, null))); } function InteractiveMapStory() { const center = { lat: -23.5505, lng: -46.6333 }; const mockMarkers = [ { id: 1, position: { lat: -23.5505, lng: -46.6333 }, type: "problema" }, { id: 2, position: { lat: -23.5515, lng: -46.6343 }, type: "comercio" } ]; return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 60, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, "Mapa Interativo"), /*#__PURE__*/ React.createElement(InteractiveMap, { initialPosition: center, initialMarkers: mockMarkers, __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this })); } function LoginForm({ onSubmit }) { const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const handleSubmit = (e)=>{ e.preventDefault(); onSubmit?.({ email, password }); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md mx-auto p-6 bg-white rounded-lg shadow-md", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", value: email, onChange: (e)=>setEmail(e.target.value), className: "mt-1 w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Senha"), /*#__PURE__*/ React.createElement("input", { type: "password", id: "password", name: "password", value: password, onChange: (e)=>setPassword(e.target.value), className: "mt-1 w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 text-white py-2 px-4 rounded-md hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, "Entrar"))); } function LoginFormStory() { const handleSubmit = (data)=>{ console.log("Form submitted:", data); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex items-center justify-center", __source: { fileName: "", lineNumber: 64, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(LoginForm, { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this })); } function MainComponent() { const [showLogin, setShowLogin] = useState(false); const [showUserRegister, setShowUserRegister] = useState(false); const [showPartnerRegister, setShowPartnerRegister] = useState(false); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f5f5f5]", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-white shadow-md", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "container mx-auto px-4 py-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold font-roboto text-[#2c3e50]", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "LocalizaServiços"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowLogin(true), className: "px-4 py-2 bg-[#3498db] text-white rounded-lg hover:bg-[#2980b9] font-roboto", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, "Entrar"), /*#__PURE__*/ React.createElement("div", { className: "relative group", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-[#2ecc71] text-white rounded-lg hover:bg-[#27ae60] font-roboto", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, "Cadastrar"), /*#__PURE__*/ React.createElement("div", { className: "absolute hidden group-hover:block w-48 right-0 mt-2 bg-white rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowUserRegister(true), className: "block w-full text-left px-4 py-2 hover:bg-gray-100 font-roboto", __source: { fileName: "", lineNumber: 25, columnNumber: 17 }, __self: this }, "Cadastro de Usuário"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowPartnerRegister(true), className: "block w-full text-left px-4 py-2 hover:bg-gray-100 font-roboto", __source: { fileName: "", lineNumber: 31, columnNumber: 17 }, __self: this }, "Cadastro de Parceiro")))))), /*#__PURE__*/ React.createElement("main", { className: "container mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full h-[600px] rounded-lg overflow-hidden shadow-lg", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(React.Fragment, null))), showLogin && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 w-full max-w-md", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold font-roboto", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this }, "Entrar"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowLogin(false), className: "text-gray-500 hover:text-gray-700", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 58, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement(React.Fragment, null))), showUserRegister && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 w-full max-w-md", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold font-roboto", __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }, "Cadastro de Usuário"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowUserRegister(false), className: "text-gray-500 hover:text-gray-700", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 77, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement(React.Fragment, null))), showPartnerRegister && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 86, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 w-full max-w-md", __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold font-roboto", __source: { fileName: "", lineNumber: 89, columnNumber: 15 }, __self: this }, "Cadastro de Parceiro"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowPartnerRegister(false), className: "text-gray-500 hover:text-gray-700", __source: { fileName: "", lineNumber: 92, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 96, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement(React.Fragment, null)))); }