function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "一日ごとの弁当注文"), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full bg-white border", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-[#121212] uppercase tracking-wider", __source: { fileName: "", lineNumber: 9, columnNumber: 15 }, __self: this }, "日付"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-[#121212] uppercase tracking-wider", __source: { fileName: "", lineNumber: 10, columnNumber: 15 }, __self: this }, "注文者"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-[#121212] uppercase tracking-wider", __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this }, "弁当タイプ"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, [ ...Array.from({ length: 30 }).keys() ].map((index)=>{ const date = index + 1; return /*#__PURE__*/ React.createElement("tr", { key: date, __source: { fileName: "", lineNumber: 18, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm font-medium text-[#121212]", __source: { fileName: "", lineNumber: 19, columnNumber: 19 }, __self: this }, date, "日"), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-[#121212]", __source: { fileName: "", lineNumber: 20, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: `orderer-${date}`, className: "font-crimson-text border rounded p-2 w-full", __source: { fileName: "", lineNumber: 21, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 22, columnNumber: 23 }, __self: this }, "--選択してください--"), /*#__PURE__*/ React.createElement("option", { value: "田中太郎", __source: { fileName: "", lineNumber: 23, columnNumber: 23 }, __self: this }, "田中太郎"), /*#__PURE__*/ React.createElement("option", { value: "山田花子", __source: { fileName: "", lineNumber: 24, columnNumber: 23 }, __self: this }, "山田花子"), /*#__PURE__*/ React.createElement("option", { value: "斉藤一郎", __source: { fileName: "", lineNumber: 25, columnNumber: 23 }, __self: this }, "斉藤一郎"))), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-[#121212]", __source: { fileName: "", lineNumber: 28, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: `bento-type-${date}`, className: "font-crimson-text border rounded p-2 w-full", __source: { fileName: "", lineNumber: 29, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "normal", __source: { fileName: "", lineNumber: 30, columnNumber: 23 }, __self: this }, "普通盛り"), /*#__PURE__*/ React.createElement("option", { value: "large", __source: { fileName: "", lineNumber: 31, columnNumber: 23 }, __self: this }, "大盛り")))); }))))); }

日付	注文者	弁当タイプ
1日
2日
3日
4日
5日
6日
7日
8日
9日
10日
11日
12日
13日
14日
15日
16日
17日
18日
19日
20日
21日
22日
23日
24日
25日
26日
27日
28日
29日
30日