\u8CA9\u58F2\u696D\u8005\u306E\u540D\u79F0	${formValues.sellerName}
\u904B\u55B6\u7D71\u62EC\u8CAC\u4EFB\u8005	${formValues.responsiblePerson}
\u6240\u5728\u5730	${locationValue}
\u96FB\u8A71\u756A\u53F7	${phoneNumberValue}
\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9	${formValues.emailAddress}
\u8FFD\u52A0\u624B\u6570\u6599\u7B49\u306E\u8FFD\u52A0\u6599\u91D1	${formValues.additionalFees}
\u4EA4\u63DB\u30FB\u8FD4\u54C1\u306B\u3064\u3044\u3066	${formValues.returnPolicy}
\u5F15\u6E21\u6642\u671F	${formValues.deliveryTime}
\u304A\u652F\u6255\u3044\u65B9\u6CD5	${formValues.paymentMethods}
\u6C7A\u6E08\u6642\u671F	${formValues.paymentTiming}
\u8CA9\u58F2\u4FA1\u683C	${formValues.salesPrice}

`; const cssContent = ` .min-w-full { min-width: 100%; } .border-collapse { border-collapse: collapse; } .border { border: 1px solid #000; } .p-2 { padding: 0.5rem; } `; navigator.clipboard.writeText(isCss ? cssContent : tableContent).then(() => setCopied(isCss ? "CSS\u30B3\u30D4\u30FC\u3057\u307E\u3057\u305F!" : "HTML\u30B3\u30D4\u30FC\u3057\u307E\u3057\u305F!")); }; return /* @__PURE__ */ React.createElement("div", { className: "p-4 font-roboto" }, /* @__PURE__ */ React.createElement("h1", { className: "text-xl mb-4" }, "\u7279\u5546\u6CD5html\u30FBcss\u8868\u751F\u6210\u30C4\u30FC\u30EB"), /* @__PURE__ */ React.createElement("form", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { htmlFor: "sellerName", className: "block" }, "\u8CA9\u58F2\u696D\u8005\u306E\u540D\u79F0"), /* @__PURE__ */ React.createElement("input", { type: "text", id: "sellerName", name: "sellerName", className: "w-full border border-gray-300 p-2", onChange: handleChange })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { htmlFor: "responsiblePerson", className: "block" }, "\u904B\u55B6\u7D71\u62EC\u8CAC\u4EFB\u8005"), /* @__PURE__ */ React.createElement("input", { type: "text", id: "responsiblePerson", name: "responsiblePerson", className: "w-full border border-gray-300 p-2", onChange: handleChange })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { htmlFor: "location", className: "block" }, "\u6240\u5728\u5730"), /* @__PURE__ */ React.createElement("input", { type: "text", id: "location", name: "location", className: "w-full border border-gray-300 p-2", onChange: handleChange })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { htmlFor: "phoneNumber", className: "block" }, "\u96FB\u8A71\u756A\u53F7"), /* @__PURE__ */ React.createElement("input", { type: "text", id: "phoneNumber", name: "phoneNumber", className: "w-full border border-gray-300 p-2", onChange: handleChange })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { htmlFor: "emailAddress", className: "block" }, "\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9"), /* @__PURE__ */ React.createElement("input", { type: "email", id: "emailAddress", name: "emailAddress", className: "w-full border border-gray-300 p-2", onChange: handleChange })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { htmlFor: "additionalFees", className: "block" }, "\u8FFD\u52A0\u624B\u6570\u6599\u7B49\u306E\u8FFD\u52A0\u6599\u91D1"), /* @__PURE__ */ React.createElement("input", { type: "text", id: "additionalFees", name: "additionalFees", className: "w-full border border-gray-300 p-2", onChange: handleChange })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { htmlFor: "returnPolicy", className: "block" }, "\u4EA4\u63DB\u30FB\u8FD4\u54C1\u306B\u3064\u3044\u3066"), /* @__PURE__ */ React.createElement("input", { type: "text", id: "returnPolicy", name: "returnPolicy", className: "w-full border border-gray-300 p-2", onChange: handleChange })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { htmlFor: "deliveryTime", className: "block" }, "\u5F15\u6E21\u6642\u671F"), /* @__PURE__ */ React.createElement("input", { type: "text", id: "deliveryTime", name: "deliveryTime", className: "w-full border border-gray-300 p-2", onChange: handleChange })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { htmlFor: "paymentMethods", className: "block" }, "\u304A\u652F\u6255\u3044\u65B9\u6CD5"), /* @__PURE__ */ React.createElement("input", { type: "text", id: "paymentMethods", name: "paymentMethods", className: "w-full border border-gray-300 p-2", onChange: handleChange })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { htmlFor: "paymentTiming", className: "block" }, "\u6C7A\u6E08\u6642\u671F"), /* @__PURE__ */ React.createElement("input", { type: "text", id: "paymentTiming", name: "paymentTiming", className: "w-full border border-gray-300 p-2", onChange: handleChange })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { htmlFor: "salesPrice", className: "block" }, "\u8CA9\u58F2\u4FA1\u683C"), /* @__PURE__ */ React.createElement("input", { type: "text", id: "salesPrice", name: "salesPrice", className: "w-full border border-gray-300 p-2", onChange: handleChange }))), /* @__PURE__ */ React.createElement("div", { className: "mt-4 flex space-x-2" }, /* @__PURE__ */ React.createElement("button", { className: "px-4 py-2 bg-blue-500 text-white", onClick: () => copyToClipboard(false) }, "HTML\u30B3\u30D4\u30FC"), /* @__PURE__ */ React.createElement("button", { className: "px-4 py-2 bg-green-500 text-white", onClick: () => copyToClipboard(true) }, "CSS\u30B3\u30D4\u30FC")), /* @__PURE__ */ React.createElement("p", { className: "mt-2" }, copied)); } var page_default = MainComponent; return __toCommonJS(page_exports); })();

特商法html・css表生成ツール