function MainComponent({ title, description, imageUrl, tags, followersOnly }) { const imageAlt = `Illustration titled ${title}`; const accessLabel = followersOnly ? 'This image is only available to followers.' : 'This image is publicly available.'; return /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-white shadow rounded-lg", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: imageUrl, alt: imageAlt, className: "w-full h-[300px] object-cover rounded-t-lg", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-lg font-semibold text-[#333]", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-sm text-[#666] mt-2", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, description), tags && /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-xs text-[#444] mt-1", __source: { fileName: "", lineNumber: 11, columnNumber: 18 }, __self: this }, "Tags: ", tags.join(', ')), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-xs italic text-[#777]", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, accessLabel))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-4 p-4", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-roboto font-bold text-[#333]", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, "Gallery Preview"), /*#__PURE__*/ React.createElement(MainComponent, { title: "Starry Night", description: "A captivating star-filled sky over a quaint mountain town.", imageUrl: "images/starry-night.jpg", tags: [ 'Nature', 'Night', 'Stars' ], followersOnly: false, __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { title: "Serene Lake", description: "A serene view of a crystal clear lake surrounded by mountains.", imageUrl: "images/serene-lake.jpg", tags: [ 'Scenery', 'Lake', 'Reflection' ], followersOnly: true, __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this })); }