function MainComponent() { const [isPublic, setIsPublic] = React.useState(false); const handlePublicChange = (event)=>{ setIsPublic(event.target.checked); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-200 p-8", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-xl mx-auto bg-white rounded-lg shadow-md overflow-hidden", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-8", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold font-roboto text-center mb-8", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "Condividi un blocco di link in un unico Link con pubblico"), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "linkTitle", className: "block text-sm font-medium font-roboto text-gray-700 mb-2", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, "Titolo del Blocco"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "linkTitle", name: "linkTitle", className: "shadow-sm bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5", placeholder: "Inserisci il titolo del tuo Blocco di Link", required: true, __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "linkDescription", className: "block text-sm font-medium font-roboto text-gray-700 mb-2", __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }, "Descrizione"), /*#__PURE__*/ React.createElement("textarea", { id: "linkDescription", name: "linkDescription", rows: "6", className: "shadow-sm bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5", placeholder: "Descrivi il contenuto del tuo Blocco di Link", required: true, __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "linkUrl", className: "block text-sm font-medium font-roboto text-gray-700 mb-2", __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }, "URL del Link"), /*#__PURE__*/ React.createElement("input", { type: "url", id: "linkUrl", name: "linkUrl", className: "shadow-sm bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5", placeholder: "Inserisci l'URL", required: true, __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "button", className: "mt-4 text-white bg-blue-500 hover:bg-blue-600 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium font-roboto rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center", __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, "Aggiungi Link")), /*#__PURE__*/ React.createElement("div", { className: "mb-6 flex items-center", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: "isPublic", name: "isPublic", checked: isPublic, onChange: handlePublicChange, className: "w-4 h-4 text-blue-600 bg-gray-100 rounded border-gray-300 focus:ring-blue-500", __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "isPublic", className: "ml-2 text-sm font-medium font-roboto text-gray-700", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, "Rendi il blocco pubblico")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-6", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "text-white bg-green-500 hover:bg-green-600 focus:ring-4 focus:outline-none focus:ring-green-300 font-bold font-roboto rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, "Crea Blocco di Link"), /*#__PURE__*/ React.createElement("button", { type: "button", className: "text-gray-600 bg-transparent hover:bg-gray-100 hover:text-gray-700 border border-gray-300 focus:ring-4 focus:outline-none focus:ring-gray-200 rounded-lg text-sm font-roboto px-5 py-2.5", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }, "Annulla")))))); }