function MainComponent() { const [defaultDate, setDefaultDate] = React.useState(()=>{ const now = new Date(); const year = now.getFullYear(); const month = `0${now.getMonth() + 1}`.slice(-2); const day = `0${now.getDate()}`.slice(-2); const hour = `0${now.getHours()}`.slice(-2); const minute = `0${now.getMinutes()}`.slice(-2); const defaultDate = `${year}-${month}-${day}`; const defaultTime = `${hour}:${minute}`; return { defaultDate, defaultTime }; }); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F7FAFC] font-roboto flex", __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/4 p-4 bg-white min-h-screen", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-xl text-[#2D3748] mb-4", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, "会議室一覧"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "会議室 A"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "会議室 B"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "会議室 C"))), /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-3/4 p-4 overflow-auto", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-semibold text-[#2D3748] mb-5", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, "職場の会議室の予約システム"), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow rounded-lg p-4 mb-6", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-xl text-[#2D3748] mb-2", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "予約状況"), /*#__PURE__*/ React.createElement("table", { className: "min-w-full", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "border-b", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "text-left p-2", __source: { fileName: "", lineNumber: 31, columnNumber: 17 }, __self: this }, "日付"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-2", __source: { fileName: "", lineNumber: 32, columnNumber: 17 }, __self: this }, "時間"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-2", __source: { fileName: "", lineNumber: 33, columnNumber: 17 }, __self: this }, "会議室名"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-2", __source: { fileName: "", lineNumber: 34, columnNumber: 17 }, __self: this }, "予約者"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "border-b", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 39, columnNumber: 17 }, __self: this }, "2023/04/01"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 40, columnNumber: 17 }, __self: this }, "10:00 - 11:00"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 41, columnNumber: 17 }, __self: this }, "会議室 A"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }, "山田太郎"))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-xl text-[#2D3748] mb-4", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "新規予約"), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mb-4", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "date", name: "date", className: "p-2 border rounded-lg", defaultValue: defaultDate.defaultDate, __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "time", name: "startTime", className: "p-2 border rounded-lg", defaultValue: defaultDate.defaultTime, __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "time", name: "endTime", className: "p-2 border rounded-lg", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mb-4", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "meetingRoom", className: "p-2 border rounded-lg", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 57, columnNumber: 17 }, __self: this }, "会議室 A"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 58, columnNumber: 17 }, __self: this }, "会議室 B"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 59, columnNumber: 17 }, __self: this }, "会議室 C")), /*#__PURE__*/ React.createElement("input", { type: "text", name: "reserver", placeholder: "予約者名", className: "p-2 border rounded-lg", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#3182CE] text-white rounded-lg p-2", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }, "予約する")))))); }