function MainComponent({ section, imgSrc, title, description, buttonText, email, phone, faIconClass }) { const renderContent = ()=>{ switch(section){ case 'Hero': return /*#__PURE__*/ React.createElement("div", { className: "bg-white text-black", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "w-full h-[300px] object-cover", src: imgSrc, alt: "TBS-Customs expertise in customs clearance", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-center p-4", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto text-[#171717]", __source: { fileName: "", lineNumber: 9, columnNumber: 15 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-roboto text-gray-600 my-2", __source: { fileName: "", lineNumber: 10, columnNumber: 15 }, __self: this }, description), /*#__PURE__*/ React.createElement("button", { className: "bg-red-600 text-white font-roboto rounded-md px-4 py-2", __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this }, buttonText))); case 'Contact': return /*#__PURE__*/ React.createElement("div", { className: "bg-white text-black p-4", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-roboto text-[#171717]", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-gray-600 my-2", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, description), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, "📧 ", email), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, "📞 ", phone)), /*#__PURE__*/ React.createElement("button", { className: "bg-red-600 text-white font-roboto rounded-md px-4 py-2 mt-4", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, buttonText)); case 'Service': return /*#__PURE__*/ React.createElement("div", { className: "bg-white text-black flex items-center p-4", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${faIconClass} text-red-600 text-3xl`, __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "ml-4", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-roboto text-[#171717]", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-gray-600", __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, description))); default: return null; } }; return /*#__PURE__*/ React.createElement("div", { className: "max-w-xl mx-auto my-4 shadow-lg rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 43, columnNumber: 5 }, __self: this }, renderContent()); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 51, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { section: "Hero", imgSrc: "/images/hero-banner.jpg", title: "Expertise in Customs Clearance", description: "TBS-Customs offers comprehensive solutions for your customs clearance and import/export documentation needs.", buttonText: "Get a Free Quote", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { section: "Service", title: "Customs Clearance", description: "Navigate through complex customs regulations with our expert services.", faIconClass: "fas fa-globe-americas", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { section: "Service", title: "Import/Export Documentation", description: "Efficient processing of all necessary documentation for your import/export activities.", faIconClass: "fas fa-file-import", __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { section: "Contact", title: "Contact Us", description: "Reach out for any queries or to get a personalized quote tailored to your needs.", email: "cs2@tbscustoms.com", buttonText: "Submit Inquiry", __source: { fileName: "", lineNumber: 71, columnNumber: 7 }, __self: this })); }