function InstagramStyleDisplay({ src, alt }) { return /*#__PURE__*/ React.createElement("img", { src: src, alt: alt, className: "w-full", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); } function InstagramStyleDisplayStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(InstagramStyleDisplay, { src: "/path/to/image1.jpg", alt: "Instagram style image 1", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this })); } function LargeFontAwesomeChatIcon({ className }) { return /*#__PURE__*/ React.createElement("div", { className: className, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-comment-o text-xl", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this })); } function LargeFontAwesomeChatIconStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(LargeFontAwesomeChatIcon, { className: "flex justify-center items-center", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this })); } function InstagramStyleCommentIcon({ src1, alt1, src2, alt2, iconSize }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(InstagramStyleDisplay, { src: src1, alt: alt1, __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(InstagramStyleDisplay2, { src: src2, alt: alt2, __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(LargeFontAwesomeChatIcon, { className: `flex justify-center items-center mt-4 ${iconSize}`, __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this })); } function InstagramStyleCommentIconStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(InstagramStyleCommentIcon, { src1: "/path/to/image1.jpg", alt1: "Beautiful nature shot for Instagram app", src2: "/path/to/image2.jpg", alt2: "City skyline view for Instagram app", iconSize: "text-xl", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this })); } function InstagramStyleDisplay2({ src, alt }) { return /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: src, alt: alt, className: "w-full h-auto", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this })); } function InstagramStyleDisplay2Story() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(InstagramStyleDisplay2, { src: "/path/to/image1.jpg", alt: "Instagram style image 1", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(InstagramStyleCommentIcon, { src1: "/path/to/image1.jpg", alt1: "Instagram style scenic landscape image", src2: "/path/to/image2.jpg", alt2: "Instagram style evening cityscape image", iconSize: "text-3xl", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this })); }