function MainComponent({ readme, name, type, image, registryCredentials, startCommand, isPublic, handleInputChange, onSave }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#121212] p-6 rounded-lg shadow-2xl border border-[#333]", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "readme", className: "block mb-2 font-roboto text-sm font-bold text-[#e0e0e0]", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "README - Markdown"), /*#__PURE__*/ React.createElement("textarea", { id: "readme", rows: "4", name: "readme", value: readme, onChange: handleInputChange, className: "bg-[#333] border border-[#444] text-[#e0e0e0] text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5", placeholder: "Enter README in Markdown", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "template-name", className: "block mb-2 font-roboto text-sm font-bold text-[#e0e0e0]", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "Template Name"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "template-name", name: "name", value: name, onChange: handleInputChange, className: "bg-[#333] border border-[#444] text-[#e0e0e0] text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5", placeholder: "Name of the Template", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "template-type", className: "block mb-2 font-roboto text-sm font-bold text-[#e0e0e0]", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "Template Type"), /*#__PURE__*/ React.createElement("select", { id: "template-type", name: "type", value: type, onChange: handleInputChange, className: "bg-[#333] border border-[#444] text-[#e0e0e0] text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "GPU-false", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, "GPU Pod"))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "container-image", className: "block mb-2 font-roboto text-sm font-bold text-[#e0e0e0]", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, "Container Image"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "container-image", name: "image", value: image, onChange: handleInputChange, className: "bg-[#333] border border-[#444] text-[#e0e0e0] text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5", placeholder: "Container Image URL", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "container-registry-credentials", className: "block mb-2 font-roboto text-sm font-bold text-[#e0e0e0]", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, "Container Registry Credentials"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "container-registry-credentials", name: "registryCredentials", value: registryCredentials, onChange: handleInputChange, className: "bg-[#333] border border-[#444] text-[#e0e0e0] text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5", placeholder: "Container Registry Credentials", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "container-start-command", className: "block mb-2 font-roboto text-sm font-bold text-[#e0e0e0]", __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }, "Container Start Command"), /*#__PURE__*/ React.createElement("textarea", { id: "container-start-command", rows: "2", name: "startCommand", value: startCommand, onChange: handleInputChange, className: "bg-[#333] border border-[#444] text-[#e0e0e0] text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5", placeholder: "e.g., npm start", __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6 flex items-center", __source: { fileName: "", lineNumber: 117, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { id: "isPublic", type: "checkbox", name: "isPublic", checked: isPublic, onChange: handleInputChange, className: "w-4 h-4 text-blue-600 bg-[#333] border-gray-300 rounded", __source: { fileName: "", lineNumber: 118, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "isPublic", className: "ml-2 font-roboto text-sm font-bold text-[#e0e0e0]", __source: { fileName: "", lineNumber: 126, columnNumber: 11 }, __self: this }, "Is Public?")), /*#__PURE__*/ React.createElement("button", { onClick: onSave, type: "button", className: "text-[#121212] bg-[#f0f0f0] hover:bg-[#d0d0d0] focus:ring-4 focus:outline-none focus:ring-[#bbb] font-bold rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center", __source: { fileName: "", lineNumber: 133, columnNumber: 9 }, __self: this }, "Save Template"))); } function StoryComponent() { const readme = ""; const name = ""; const type = ""; const image = ""; const registryCredentials = ""; const startCommand = ""; const isPublic = false; const handleInputChange = ()=>{}; const onSave = ()=>{}; return /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#1a1a1a] min-h-screen flex justify-center items-center", __source: { fileName: "", lineNumber: 158, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { readme: readme, name: name, type: type, image: image, registryCredentials: registryCredentials, startCommand: startCommand, isPublic: isPublic, handleInputChange: handleInputChange, onSave: onSave, __source: { fileName: "", lineNumber: 159, columnNumber: 7 }, __self: this })); }