const MainComponent = ()=>{ const [isExpanded, setIsExpanded] = React.useState(false); const IncomeCard = ({ title, incomeTypes })=>/*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-blue-100 to-purple-100 p-4 rounded-lg shadow-md mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-semibold text-indigo-700 mb-2", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, title), incomeTypes.map((income, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "mb-3", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "font-semibold text-indigo-600 mb-1 flex items-center", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement(income.icon, { className: "mr-2", size: 18, __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }), income.type), /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, income.treatment)))); const PassThroughExplanation = ()=>/*#__PURE__*/ React.createElement("div", { className: "mt-4 bg-white p-4 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-semibold text-indigo-700 mb-3", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, "Understanding Pass-Through Status"), /*#__PURE__*/ React.createElement("p", { className: "text-sm mb-4", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, 'Pass-through status is a tax concept where the entity itself is not taxed on its income. Instead, the income "passes through" to the investors, who are then taxed on their share of the entity\'s income.'), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-100 p-3 rounded", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "font-semibold text-blue-700 mb-2", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Business Trusts"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside text-sm", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, "Partial pass-through status"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, "Interest and dividend income from SPVs are exempt at the trust level"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "Capital gains are taxed at the trust level"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "Distributed income is taxed in the hands of unit holders"))), /*#__PURE__*/ React.createElement("div", { className: "bg-green-100 p-3 rounded", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "font-semibold text-green-700 mb-2", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "Investment Funds (AIFs)"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside text-sm", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Category I & II: Full pass-through for most income types"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "Business income is taxed at the fund level for all categories"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "Category III: No pass-through, all income taxed at fund level"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "Investors taxed based on their share of pass-through income"))))); const SideBySideTaxFlowDiagram = ({ businessTrustSteps, investmentFundSteps })=>/*#__PURE__*/ React.createElement("div", { className: "mt-4 bg-white p-4 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 65, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-semibold text-indigo-700 mb-3", __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, "Tax Flow Comparison"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between", __source: { fileName: "", lineNumber: 69, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-[48%]", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "font-semibold text-blue-700 mb-2", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, "Business Trust"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, businessTrustSteps.map((step, index)=>/*#__PURE__*/ React.createElement(React.Fragment, { key: index, __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-100 p-3 rounded-lg text-center w-full mb-2", __source: { fileName: "", lineNumber: 75, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement(step.icon, { className: "mx-auto mb-2", size: 24, __source: { fileName: "", lineNumber: 76, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-semibold", __source: { fileName: "", lineNumber: 77, columnNumber: 19 }, __self: this }, step.description)), index < businessTrustSteps.length - 1 && /*#__PURE__*/ React.createElement("div", { className: "w-0.5 h-4 bg-blue-300", __source: { fileName: "", lineNumber: 80, columnNumber: 19 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-[48%] mt-4 md:mt-0", __source: { fileName: "", lineNumber: 86, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "font-semibold text-green-700 mb-2", __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }, "Investment Fund (AIF)"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, investmentFundSteps.map((step, index)=>/*#__PURE__*/ React.createElement(React.Fragment, { key: index, __source: { fileName: "", lineNumber: 92, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-green-100 p-3 rounded-lg text-center w-full mb-2", __source: { fileName: "", lineNumber: 93, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement(step.icon, { className: "mx-auto mb-2", size: 24, __source: { fileName: "", lineNumber: 94, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-semibold", __source: { fileName: "", lineNumber: 95, columnNumber: 19 }, __self: this }, step.description)), index < investmentFundSteps.length - 1 && /*#__PURE__*/ React.createElement("div", { className: "w-0.5 h-4 bg-green-300", __source: { fileName: "", lineNumber: 98, columnNumber: 19 }, __self: this }))))))); const IncomeFlowVisualization = ()=>/*#__PURE__*/ React.createElement("div", { className: "mt-8 bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 109, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold mb-6 text-center text-purple-800", __source: { fileName: "", lineNumber: 110, columnNumber: 7 }, __self: this }, "Income Flow Visualization"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 114, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 115, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-semibold text-blue-700 mb-4", __source: { fileName: "", lineNumber: 116, columnNumber: 11 }, __self: this }, "Business Trust (REIT/InvIT)"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 119, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center mb-4", __source: { fileName: "", lineNumber: 120, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-100 p-2 rounded", __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this }, "Investors / Unit Holders")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center mb-4", __source: { fileName: "", lineNumber: 125, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-200 p-2 rounded", __source: { fileName: "", lineNumber: 126, columnNumber: 15 }, __self: this }, "REIT / InvIT")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center mb-4", __source: { fileName: "", lineNumber: 128, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-300 p-2 rounded", __source: { fileName: "", lineNumber: 129, columnNumber: 15 }, __self: this }, "SPVs (Special Purpose Vehicles)")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center", __source: { fileName: "", lineNumber: 133, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-400 p-2 rounded", __source: { fileName: "", lineNumber: 134, columnNumber: 15 }, __self: this }, "Real Estate / Infrastructure Assets"))), /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-sm", __source: { fileName: "", lineNumber: 139, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 140, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 141, columnNumber: 15 }, __self: this }, "SPV (Special Purpose Vehicle):"), " A subsidiary company with an asset/liability structure and legal status that makes its obligations secure even if the parent company goes bankrupt."), /*#__PURE__*/ React.createElement("p", { className: "mt-2", __source: { fileName: "", lineNumber: 146, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 147, columnNumber: 15 }, __self: this }, "Income Flow:")), /*#__PURE__*/ React.createElement("ol", { className: "list-decimal list-inside", __source: { fileName: "", lineNumber: 149, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 150, columnNumber: 15 }, __self: this }, "Assets generate income (rent, toll, etc.)"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 151, columnNumber: 15 }, __self: this }, "Income flows to SPVs"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 152, columnNumber: 15 }, __self: this }, "SPVs distribute to REIT/InvIT (interest, dividends)"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 153, columnNumber: 15 }, __self: this }, "REIT/InvIT distributes to unit holders")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 158, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-semibold text-green-700 mb-4", __source: { fileName: "", lineNumber: 159, columnNumber: 11 }, __self: this }, "Alternative Investment Fund (AIF)"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 162, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center mb-4", __source: { fileName: "", lineNumber: 163, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-green-100 p-2 rounded", __source: { fileName: "", lineNumber: 164, columnNumber: 15 }, __self: this }, "Investors / Unit Holders")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center mb-4", __source: { fileName: "", lineNumber: 168, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-green-200 p-2 rounded", __source: { fileName: "", lineNumber: 169, columnNumber: 15 }, __self: this }, "AIF (Cat I, II, or III)")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center", __source: { fileName: "", lineNumber: 173, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-green-300 p-2 rounded", __source: { fileName: "", lineNumber: 174, columnNumber: 15 }, __self: this }, "Various Investments"))), /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-sm", __source: { fileName: "", lineNumber: 179, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 180, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 181, columnNumber: 15 }, __self: this }, "AIF Categories:")), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside", __source: { fileName: "", lineNumber: 183, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 184, columnNumber: 15 }, __self: this }, "Category I: Venture Capital, SME Funds, Social Venture Funds, etc."), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 188, columnNumber: 15 }, __self: this }, "Category II: Private Equity, Debt Funds, Fund of Funds, etc."), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 191, columnNumber: 15 }, __self: this }, "Category III: Hedge Funds, PIPE Funds, etc.")), /*#__PURE__*/ React.createElement("p", { className: "mt-2", __source: { fileName: "", lineNumber: 193, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 194, columnNumber: 15 }, __self: this }, "Income Flow:")), /*#__PURE__*/ React.createElement("ol", { className: "list-decimal list-inside", __source: { fileName: "", lineNumber: 196, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 197, columnNumber: 15 }, __self: this }, "Investors contribute capital to AIF"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 198, columnNumber: 15 }, __self: this }, "AIF invests in various assets/companies"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 199, columnNumber: 15 }, __self: this }, "Investments generate returns"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 200, columnNumber: 15 }, __self: this }, "AIF distributes returns to investors (with pass-through for Cat I & II, except business income)")))))); const businessTrustIncomes = [ { icon: "fas fa-dollar-sign", type: "Interest from SPV", treatment: "Exempt under Section 10(23FC) of the Income Tax Act" }, { icon: "fas fa-chart-pie", type: "Dividend from SPV", treatment: "Exempt under Section 10(23FC) of the Income Tax Act" }, { icon: "fas fa-briefcase", type: "Rental Income (REITs)", treatment: "Exempt under Section 10(23FCA) of the Income Tax Act" }, { icon: "fas fa-chart-line", type: "Capital Gains", treatment: "Taxable at the trust level as per applicable rates" }, { icon: "fas fa-percentage", type: "Other Income", treatment: "Taxable at Maximum Marginal Rate (MMR)" } ]; const investmentFundIncomes = [ { icon: "fas fa-dollar-sign", type: "Category I & II AIFs", treatment: "Pass-through status for all income except business income" }, { icon: "fas fa-briefcase", type: "Business Income (Cat I & II)", treatment: "Taxed at the fund level" }, { icon: "fas fa-chart-pie", type: "Category III AIFs", treatment: "All income taxed at the fund level" }, { icon: "fas fa-chart-line", type: "Capital Gains (Cat I & II)", treatment: "Pass-through to investors" }, { icon: "fas fa-percentage", type: "Other Income (Cat I & II)", treatment: "Pass-through to investors" } ]; const businessTrustTaxFlow = [ { icon: "fas fa-dollar-sign", description: "Income generated by SPV" }, { icon: "fas fa-shield-alt", description: "Exempt in the hands of Business Trust" }, { icon: "fas fa-file-alt", description: "Distributed to unit holders" }, { icon: "fas fa-percentage", description: "Taxed in the hands of unit holders" } ]; const investmentFundTaxFlow = [ { icon: "fas fa-dollar-sign", description: "Income generated by AIF" }, { icon: "fas fa-chart-pie", description: "Categorized based on income type" }, { icon: "fas fa-shield-alt", description: "Pass-through for most income (Cat I & II)" }, { icon: "fas fa-percentage", description: "Taxed in the hands of investors" } ]; return /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-br from-purple-100 to-pink-100 p-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 285, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold mb-6 text-center text-purple-800", __source: { fileName: "", lineNumber: 286, columnNumber: 7 }, __self: this }, "Income Treatment: Business Trust vs Investment Fund"), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow-lg mb-4", __source: { fileName: "", lineNumber: 290, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between cursor-pointer", onClick: ()=>setIsExpanded(!isExpanded), __source: { fileName: "", lineNumber: 291, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold text-purple-700 flex items-center", __source: { fileName: "", lineNumber: 295, columnNumber: 11 }, __self: this }, "Income Treatment Comparison"), isExpanded ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-up", __source: { fileName: "", lineNumber: 298, columnNumber: 25 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-down", __source: { fileName: "", lineNumber: 298, columnNumber: 65 }, __self: this })), isExpanded && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 301, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement(IncomeFlowVisualization, { __source: { fileName: "", lineNumber: 302, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-4", __source: { fileName: "", lineNumber: 303, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement(IncomeCard, { title: "Business Trust Income Treatment", incomeTypes: businessTrustIncomes, __source: { fileName: "", lineNumber: 304, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement(IncomeCard, { title: "Investment Fund Income Treatment", incomeTypes: investmentFundIncomes, __source: { fileName: "", lineNumber: 308, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement(PassThroughExplanation, { __source: { fileName: "", lineNumber: 313, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement(SideBySideTaxFlowDiagram, { businessTrustSteps: businessTrustTaxFlow, investmentFundSteps: investmentFundTaxFlow, __source: { fileName: "", lineNumber: 314, columnNumber: 13 }, __self: this })))); };