function MainComponent() { const [activeSection, setActiveSection] = useState("identity"); const [name, setName] = useState("[Your Name]"); const renderIdentity = ()=>/*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-2xl font-bold", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, "Legal Identity Documentation"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-crimson-text text-xl font-semibold", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Birth Certificate"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "Official copy issued by vital statistics office establishing legal personhood under Canadian law.")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-crimson-text text-xl font-semibold", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Social Insurance Number"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "Documentation tracking earnings and contributions to social programs, reinforcing financial identity.")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-crimson-text text-xl font-semibold", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "Citizenship Certificate"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Formal proof of citizenship status, affirming rights and protections under Canadian law.")))); const renderLegalFramework = ()=>/*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 46, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-2xl font-bold", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, "Legal Framework"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-crimson-text text-xl font-semibold", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "Canadian Charter of Rights and Freedoms"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "Understanding of Charter provisions essential for asserting infringements on legal personhood.")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-crimson-text text-xl font-semibold", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, "Canadian Bill of Rights"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, "Document affirming rights and freedoms of Canadians, providing legal basis for claims.")))); const renderFinancial = ()=>/*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 74, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-2xl font-bold", __source: { fileName: "", lineNumber: 75, columnNumber: 7 }, __self: this }, "Financial Documentation"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 79, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-crimson-text text-xl font-semibold", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, "Tax Records"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, "Tax filings demonstrating financial existence and engagement with government systems.")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-crimson-text text-xl font-semibold", __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, "Bank Statements"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }, "Comprehensive records of financial transactions and economic activities.")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-crimson-text text-xl font-semibold", __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }, "UCC Filings"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, "Research into UCC principles and relevant provincial filings under Personal Property Security Acts.")))); const renderLegalPrecedents = ()=>/*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 114, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-2xl font-bold", __source: { fileName: "", lineNumber: 115, columnNumber: 7 }, __self: this }, "Legal Precedents and Affidavits"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 119, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 120, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-crimson-text text-xl font-semibold", __source: { fileName: "", lineNumber: 121, columnNumber: 11 }, __self: this }, "Court Cases"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 124, columnNumber: 11 }, __self: this }, "Documentation of cases interpreting the Canadian Charter of Rights and Freedoms.")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 130, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-crimson-text text-xl font-semibold", __source: { fileName: "", lineNumber: 131, columnNumber: 11 }, __self: this }, "Personal Affidavit"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 134, columnNumber: 11 }, __self: this }, "Detailed affidavit outlining understanding of rights and implications of legal personhood.")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 140, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-crimson-text text-xl font-semibold", __source: { fileName: "", lineNumber: 141, columnNumber: 11 }, __self: this }, "Witness Testimonies"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 144, columnNumber: 11 }, __self: this }, "Statements from individuals attesting to identity, citizenship, and experiences.")))); const handlePrint = useCallback(()=>{ const printContent = document.getElementById("printArea"); const originalContents = document.body.innerHTML; document.body.innerHTML = printContent.innerHTML; window.print(); document.body.innerHTML = originalContents; window.location.reload(); }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f5f5f5] p-8", __source: { fileName: "", lineNumber: 163, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 164, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8 flex justify-between items-center", __source: { fileName: "", lineNumber: 165, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: name, onChange: (e)=>setName(e.target.value), className: "font-crimson-text text-3xl font-bold bg-transparent border-b-2 border-gray-300 focus:outline-none focus:border-gray-600 w-full mr-4", placeholder: "Enter Your Name", __source: { fileName: "", lineNumber: 166, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handlePrint, className: "px-4 py-2 bg-[#1a365d] text-white rounded-lg font-roboto flex items-center", __source: { fileName: "", lineNumber: 173, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-print mr-2", __source: { fileName: "", lineNumber: 177, columnNumber: 13 }, __self: this }), "Print")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-4 mb-8", __source: { fileName: "", lineNumber: 182, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveSection("identity"), className: `px-4 py-2 rounded-lg font-roboto ${activeSection === "identity" ? "bg-[#1a365d] text-white" : "bg-white"}`, __source: { fileName: "", lineNumber: 183, columnNumber: 11 }, __self: this }, "Identity Documents"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveSection("legal"), className: `px-4 py-2 rounded-lg font-roboto ${activeSection === "legal" ? "bg-[#1a365d] text-white" : "bg-white"}`, __source: { fileName: "", lineNumber: 189, columnNumber: 11 }, __self: this }, "Legal Framework"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveSection("financial"), className: `px-4 py-2 rounded-lg font-roboto ${activeSection === "financial" ? "bg-[#1a365d] text-white" : "bg-white"}`, __source: { fileName: "", lineNumber: 195, columnNumber: 11 }, __self: this }, "Financial Documents"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveSection("precedents"), className: `px-4 py-2 rounded-lg font-roboto ${activeSection === "precedents" ? "bg-[#1a365d] text-white" : "bg-white"}`, __source: { fileName: "", lineNumber: 201, columnNumber: 11 }, __self: this }, "Legal Precedents")), /*#__PURE__*/ React.createElement("div", { id: "printArea", className: "bg-white rounded-lg shadow-lg p-8", __source: { fileName: "", lineNumber: 209, columnNumber: 9 }, __self: this }, activeSection === "identity" && renderIdentity(), activeSection === "legal" && renderLegalFramework(), activeSection === "financial" && renderFinancial(), activeSection === "precedents" && renderLegalPrecedents()))); }