function MainComponent({ carName, carDescription, carPrice, carImage }) { return /*#__PURE__*/ React.createElement("div", { className: "w-full p-6 bg-white shadow-lg", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-roboto text-center mb-6", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, carName), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "w-full md:w-1/2 h-auto", src: carImage, alt: `Image of ${carName}`, __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-6 md:w-1/2", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg font-crimson-text mb-4", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, carDescription), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-roboto text-[#FF4500] mb-4", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, carPrice), /*#__PURE__*/ React.createElement("button", { className: "mt-6 w-full md:w-auto bg-[#FF4500] text-white py-3 px-6 rounded font-roboto hover:bg-[#cc3700]", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "Buy Now")))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { carName: "Sleek Sedan", carDescription: "Experience luxury and performance with the brand new Sleek Sedan. It’s the perfect blend of style and function.", carPrice: "$30,000", carImage: "/images/sleek-sedan.jpg", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { carName: "Spacious SUV", carDescription: "Enjoy the comfort and space of the new Spacious SUV. Ideal for family trips and off-road adventures.", carPrice: "$50,000", carImage: "/images/spacious-suv.jpg", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { carName: "Eco-friendly Electric", carDescription: "Go green with the Eco-friendly Electric car. It’s efficient, quiet, and eco-conscious for the modern driver.", carPrice: "$40,000", carImage: "/images/eco-friendly-electric.jpg", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this })); }