function CenteredComponent({ title, description, details, icons }) { return /*#__PURE__*/ React.createElement("div", { className: "w-full h-full flex flex-col items-center justify-center bg-gray-200", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[500px] h-[300px] bg-white rounded-lg shadow-lg p-6 text-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-crimson-text mb-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, description), details.map((detail, index)=>/*#__PURE__*/ React.createElement("p", { key: index, className: "text-lg font-crimson-text mb-4", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, detail)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-around mt-6", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, icons.map((icon, index)=>/*#__PURE__*/ React.createElement("i", { key: index, className: `${icon.className} ${icon.color} ${icon.size}`, __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }))))); } function CenteredComponentStory() { const title = "Incident Report"; const description = "A man drove a car at 140 km/h and suddenly killed a woman. The woman died on the spot."; const details = [ "The police arrived at the scene and arrested the man." ]; const icons = [ { className: "fas fa-car", color: "text-[#121212]", size: "text-5xl" }, { className: "fas fa-user", color: "text-[#ff0000]", size: "text-5xl" }, { className: "fas fa-user-shield", color: "text-[#0000ff]", size: "text-5xl" } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 31, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(CenteredComponent, { title: title, description: description, details: details, icons: icons, __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this })); } function MainComponent() { const title = "Incident Report"; const description = "A man drove a car at 140 km/h and suddenly killed a woman. The woman died on the spot."; const details = [ "The police arrived at the scene and arrested the man." ]; const icons = [ { className: "fas fa-car", color: "text-[#121212]", size: "text-5xl" }, { className: "fas fa-user", color: "text-[#ff0000]", size: "text-5xl" }, { className: "fas fa-user-shield", color: "text-[#0000ff]", size: "text-5xl" } ]; return /*#__PURE__*/ React.createElement(CenteredComponent, { title: title, description: description, details: details, icons: icons, __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }); }