function MainComponent({ name, image, description, address }) { return /*#__PURE__*/ React.createElement("div", { className: "max-w-sm rounded overflow-hidden shadow-lg bg-white font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "w-full h-[200px] object-cover", src: image, alt: `Image of ${name}`, __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold text-xl mb-2", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 text-base", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, description)), /*#__PURE__*/ React.createElement("div", { className: "px-6 pt-4 pb-2", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, address))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { className: "p-4 flex flex-wrap justify-center gap-4", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { name: "Sukiyabashi Jiro", image: "/images/sukiyabashi_jiro.jpg", description: "A world-renowned sushi restaurant in Tokyo.", address: "Tokyo, Ginza", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { name: "Sushi Saito", image: "/images/sushi_saito.jpg", description: "A famous sushi restaurant with exquisite offerings.", address: "Tokyo, Akasaka", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { name: "Daiwa Sushi", image: "/images/daiwa_sushi.jpg", description: "Popular sushi spot located in the Tsukiji Fish Market complex.", address: "Tokyo, Tsukiji", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { name: "Sushi Dai", image: "/images/sushi_dai.jpg", description: "Highly-rated sushi restaurant near Tsukiji Market.", address: "Tokyo, Tsukiji", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { name: "Nodaiwa", image: "/images/nodaiwa.jpg", description: "Renowned for its Edo-style sushi.", address: "Tokyo, Nihonbashi", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this })); }