function SalesMetrics({ data = [] }) { const [selectedPeriod, setSelectedPeriod] = useState("monthly"); const chartData = { monthly: [ 12000, 15000, 10000, 18000, 14000, 19000 ], weekly: [ 2800, 3200, 2900, 3400, 3100 ], daily: [ 400, 380, 420, 390, 410, 440, 400 ] }; const periods = { monthly: [ "1月", "2月", "3月", "4月", "5月", "6月" ], weekly: [ "週1", "週2", "週3", "週4", "週5" ], daily: [ "月", "火", "水", "木", "金", "土", "日" ] }; return /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 w-full max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-gray-800 font-roboto mb-4", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "販売分析ダッシュボード"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedPeriod("daily"), className: `px-4 py-2 rounded ${selectedPeriod === "daily" ? "bg-blue-600 text-white" : "bg-gray-100"}`, __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "日次"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedPeriod("weekly"), className: `px-4 py-2 rounded ${selectedPeriod === "weekly" ? "bg-blue-600 text-white" : "bg-gray-100"}`, __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "週次"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedPeriod("monthly"), className: `px-4 py-2 rounded ${selectedPeriod === "monthly" ? "bg-blue-600 text-white" : "bg-gray-100"}`, __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "月次"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6 mb-8", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 rounded-lg", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-700", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "総売上"), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-blue-600", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "¥1,234,567")), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 rounded-lg", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-700", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "取引数"), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-green-600", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "156")), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 rounded-lg", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-700", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "平均取引額"), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-purple-600", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "¥7,915"))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-6 rounded-lg", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, "売上トレンド"), /*#__PURE__*/ React.createElement("div", { className: "h-[400px] relative", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between h-full items-end", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, chartData[selectedPeriod].map((value, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex flex-col items-center flex-1", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[80%] bg-blue-500 hover:bg-blue-600 transition-all", style: { height: `${value / Math.max(...chartData[selectedPeriod]) * 320}px` }, __source: { fileName: "", lineNumber: 65, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm mt-2", __source: { fileName: "", lineNumber: 71, columnNumber: 17 }, __self: this }, periods[selectedPeriod][index]))))))); } function SalesMetricsStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-100 min-h-screen", __source: { fileName: "", lineNumber: 85, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SalesMetrics, { __source: { fileName: "", lineNumber: 86, columnNumber: 7 }, __self: this })); } function Sidebar({ activeLink = "Dashboard" }) { return /*#__PURE__*/ React.createElement("div", { className: "flex h-screen", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-64 bg-[#1a1a1a] text-white p-6", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-crimson-text", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "管理パネル")), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "space-y-4", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: `flex items-center space-x-2 p-2 rounded-lg ${activeLink === "Dashboard" ? "bg-[#2d2d2d]" : "hover:bg-[#2d2d2d]"}`, __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line w-5", __source: { fileName: "", lineNumber: 15, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 16, columnNumber: 17 }, __self: this }, "ダッシュボード"))), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: `flex items-center space-x-2 p-2 rounded-lg ${activeLink === "Customers" ? "bg-[#2d2d2d]" : "hover:bg-[#2d2d2d]"}`, __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users w-5", __source: { fileName: "", lineNumber: 24, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 25, columnNumber: 17 }, __self: this }, "顧客"))), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: `flex items-center space-x-2 p-2 rounded-lg ${activeLink === "Contracts" ? "bg-[#2d2d2d]" : "hover:bg-[#2d2d2d]"}`, __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-contract w-5", __source: { fileName: "", lineNumber: 33, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 34, columnNumber: 17 }, __self: this }, "契約"))), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: `flex items-center space-x-2 p-2 rounded-lg ${activeLink === "Sales" ? "bg-[#2d2d2d]" : "hover:bg-[#2d2d2d]"}`, __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-dollar-sign w-5", __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 43, columnNumber: 17 }, __self: this }, "販売プロセス")))))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 p-8 bg-[#f5f5f5]", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, "コンテンツエリア"))); } function SidebarStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 58, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Sidebar, { activeLink: "Dashboard", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this })); } function CustomerForm({ onSubmit, initialValues = {} }) { const [formData, setFormData] = useState({ name: initialValues.name || "", email: initialValues.email || "", phone: initialValues.phone || "", notes: initialValues.notes || "" }); const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; const handleSubmit = (e)=>{ e.preventDefault(); onSubmit?.(formData); }; return /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "max-w-lg mx-auto p-6 bg-white rounded-lg shadow-md", __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "お名前"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", value: formData.name, onChange: handleChange, className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "メールアドレス"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: formData.email, onChange: handleChange, className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, "電話番号"), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phone", value: formData.phone, onChange: handleChange, className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, "備考"), /*#__PURE__*/ React.createElement("textarea", { name: "notes", value: formData.notes, onChange: handleChange, rows: "4", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 text-white py-2 px-4 rounded-md hover:bg-blue-600 transition-colors", __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, "送信"))); } function CustomerFormStory() { const handleSubmit = (data)=>{ console.log(data); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-50 min-h-screen", __source: { fileName: "", lineNumber: 99, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(CustomerForm, { onSubmit: handleSubmit, initialValues: { name: "山田太郎", email: "yamada@example.com", phone: "090-1234-5678", notes: "テスト用メモ" }, __source: { fileName: "", lineNumber: 100, columnNumber: 7 }, __self: this })); } function ContractForm({ onSubmit = ()=>{}, initialValues = {}, disabled = false }) { const [formData, setFormData] = useState({ type: initialValues.type || "", status: initialValues.status || "", value: initialValues.value || "" }); const handleSubmit = (e)=>{ e.preventDefault(); onSubmit(formData); }; const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; return /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "max-w-md mx-auto p-6 bg-white rounded-lg shadow-md", __source: { fileName: "", lineNumber: 25, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-semibold mb-2", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "保険種類"), /*#__PURE__*/ React.createElement("select", { name: "type", value: formData.type, onChange: handleChange, disabled: disabled, className: "w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "選択してください"), /*#__PURE__*/ React.createElement("option", { value: "life", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "生命保険"), /*#__PURE__*/ React.createElement("option", { value: "health", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "医療保険"), /*#__PURE__*/ React.createElement("option", { value: "car", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "自動車保険"), /*#__PURE__*/ React.createElement("option", { value: "property", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, "物損保険"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-semibold mb-2", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, "契約状態"), /*#__PURE__*/ React.createElement("select", { name: "status", value: formData.status, onChange: handleChange, disabled: disabled, className: "w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, "選択してください"), /*#__PURE__*/ React.createElement("option", { value: "active", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, "有効"), /*#__PURE__*/ React.createElement("option", { value: "pending", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, "保留中"), /*#__PURE__*/ React.createElement("option", { value: "expired", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, "期限切れ"))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-semibold mb-2", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, "保険金額（円）"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "value", value: formData.value, onChange: handleChange, disabled: disabled, className: "w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", placeholder: "例: 1000000", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: disabled, className: "w-full bg-blue-500 text-white py-2 px-4 rounded-md hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 disabled:opacity-50", __source: { fileName: "", lineNumber: 81, columnNumber: 7 }, __self: this }, "保存する")); } function ContractFormStory() { const handleSubmit = (data)=>{ console.log("フォームデータ:", data); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 98, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 99, columnNumber: 7 }, __self: this }, "通常の状態"), /*#__PURE__*/ React.createElement(ContractForm, { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 100, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4 mt-8", __source: { fileName: "", lineNumber: 102, columnNumber: 7 }, __self: this }, "初期値がある状態"), /*#__PURE__*/ React.createElement(ContractForm, { onSubmit: handleSubmit, initialValues: { type: "life", status: "active", value: "5000000" }, __source: { fileName: "", lineNumber: 103, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4 mt-8", __source: { fileName: "", lineNumber: 112, columnNumber: 7 }, __self: this }, "無効化された状態"), /*#__PURE__*/ React.createElement(ContractForm, { onSubmit: handleSubmit, disabled: true, initialValues: { type: "health", status: "pending", value: "3000000" }, __source: { fileName: "", lineNumber: 113, columnNumber: 7 }, __self: this })); } function MainComponent() { const [activities] = useState([ { id: 1, type: "新規契約", customer: "株式会社ABC", date: "2024-01-15" }, { id: 2, type: "更新", customer: "株式会社XYZ", date: "2024-01-14" }, { id: 3, type: "商談", customer: "株式会社123", date: "2024-01-13" } ]); const [kpis] = useState([ { label: "月間売上", value: "¥15,000,000", change: "+12%" }, { label: "新規顧客数", value: "24", change: "+8%" }, { label: "成約率", value: "68%", change: "+5%" } ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 p-4", __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto mb-6", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, "ダッシュボード"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mb-6", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, kpis.map((kpi)=>/*#__PURE__*/ React.createElement("div", { key: kpi.label, className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-gray-600 text-sm font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, kpi.label), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mt-2", __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-roboto", __source: { fileName: "", lineNumber: 26, columnNumber: 17 }, __self: this }, kpi.value), /*#__PURE__*/ React.createElement("div", { className: `text-sm ${kpi.change.startsWith("+") ? "text-green-500" : "text-red-500"}`, __source: { fileName: "", lineNumber: 27, columnNumber: 17 }, __self: this }, kpi.change))))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-roboto mb-4", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "売上推移"), /*#__PURE__*/ React.createElement(React.Fragment, null)), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-roboto mb-4", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "最近の活動"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, activities.map((activity)=>/*#__PURE__*/ React.createElement("div", { key: activity.id, className: "flex items-center justify-between border-b pb-2", __source: { fileName: "", lineNumber: 47, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 51, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 52, columnNumber: 21 }, __self: this }, activity.customer), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 53, columnNumber: 21 }, __self: this }, activity.type)), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 55, columnNumber: 19 }, __self: this }, activity.date)))))))); }