katoikia-app/web-ui/web-react/node_modules/.cache/babel-loader/6a20150139a2ab85db6473bd0ee9475c.json

{"ast":null,"code":"import _slicedToArray from \"/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/slicedToArray\";\n\nvar _this = this,\n    _jsxFileName = \"/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/src/components/BlocksDemo.js\";\n\nimport React, { useState } from 'react';\nimport { Button } from 'primereact/button';\nimport { Chip } from 'primereact/chip';\nimport { InputText } from 'primereact/inputtext';\nimport { Checkbox } from 'primereact/checkbox';\nimport BlockViewer from '../BlockViewer';\n\nvar BlocksDemo = function BlocksDemo() {\n  var _useState = useState(false),\n      _useState2 = _slicedToArray(_useState, 2),\n      checked = _useState2[0],\n      setChecked = _useState2[1];\n\n  var block1 = \"\\n<div className=\\\"grid grid-nogutter surface-section text-800\\\">\\n    <div className=\\\"col-12 md:col-6 p-6 text-center md:text-left flex align-items-center \\\">\\n        <section>\\n            <span className=\\\"block text-6xl font-bold mb-1\\\">Create the screens your</span>\\n            <div className=\\\"text-6xl text-primary font-bold mb-3\\\">your visitors deserve to see</div>\\n            <p className=\\\"mt-0 mb-4 text-700 line-height-3\\\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\\n\\n            <Button label=\\\"Learn More\\\" type=\\\"button\\\" className=\\\"mr-3 p-button-raised\\\"></Button>\\n            <Button label=\\\"Live Demo\\\" type=\\\"button\\\" className=\\\"p-button-outlined\\\"></Button>\\n        </section>\\n    </div>\\n    <div className=\\\"col-12 md:col-6 overflow-hidden\\\">\\n        <img src=\\\"images/blocks/hero/hero-1.png\\\" alt=\\\"hero-1\\\" className=\\\"md:ml-auto block md:h-full\\\" style={{ clipPath: 'polygon(8% 0, 100% 0%, 100% 100%, 0 100%)' }} />\\n    </div>\\n</div>\\n    \";\n  var block2 = \"\\n<div className=\\\"surface-section px-4 py-8 md:px-6 lg:px-8 text-center\\\">\\n    <div className=\\\"mb-3 font-bold text-2xl\\\">\\n        <span className=\\\"text-900\\\">One Product, </span>\\n        <span className=\\\"text-blue-600\\\">Many Solutions</span>\\n    </div>\\n    <div className=\\\"text-700 text-sm mb-6\\\">Ac turpis egestas maecenas pharetra convallis posuere morbi leo urna.</div>\\n    <div className=\\\"grid\\\">\\n        <div className=\\\"col-12 md:col-4 mb-4 px-5\\\">\\n            <span className=\\\"p-3 shadow-2 mb-3 inline-block surface-card\\\" style={{ borderRadius: '10px' }}>\\n                <i className=\\\"pi pi-desktop text-4xl text-blue-500\\\"></i>\\n            </span>\\n            <div className=\\\"text-900 mb-3 font-medium\\\">Built for Developers</div>\\n            <span className=\\\"text-700 text-sm line-height-3\\\">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</span>\\n        </div>\\n        <div className=\\\"col-12 md:col-4 mb-4 px-5\\\">\\n            <span className=\\\"p-3 shadow-2 mb-3 inline-block surface-card\\\" style={{ borderRadius: '10px' }}>\\n                <i className=\\\"pi pi-lock text-4xl text-blue-500\\\"></i>\\n            </span>\\n            <div className=\\\"text-900 mb-3 font-medium\\\">End-to-End Encryption</div>\\n            <span className=\\\"text-700 text-sm line-height-3\\\">Risus nec feugiat in fermentum posuere urna nec. Posuere sollicitudin aliquam ultrices sagittis.</span>\\n        </div>\\n        <div className=\\\"col-12 md:col-4 mb-4 px-5\\\">\\n            <span className=\\\"p-3 shadow-2 mb-3 inline-block surface-card\\\" style={{ borderRadius: '10px' }}>\\n                <i className=\\\"pi pi-check-circle text-4xl text-blue-500\\\"></i>\\n            </span>\\n            <div className=\\\"text-900 mb-3 font-medium\\\">Easy to Use</div>\\n            <span className=\\\"text-700 text-sm line-height-3\\\">Ornare suspendisse sed nisi lacus sed viverra tellus. Neque volutpat ac tincidunt vitae semper.</span>\\n        </div>\\n        <div className=\\\"col-12 md:col-4 mb-4 px-5\\\">\\n            <span className=\\\"p-3 shadow-2 mb-3 inline-block surface-card\\\" style={{ borderRadius: '10px' }}>\\n                <i className=\\\"pi pi-globe text-4xl text-blue-500\\\"></i>\\n            </span>\\n            <div className=\\\"text-900 mb-3 font-medium\\\">Fast & Global Support</div>\\n            <span className=\\\"text-700 text-sm line-height-3\\\">Fermentum et sollicitudin ac orci phasellus egestas tellus rutrum tellus.</span>\\n        </div>\\n        <div className=\\\"col-12 md:col-4 mb-4 px-5\\\">\\n            <span className=\\\"p-3 shadow-2 mb-3 inline-block surface-card\\\" style={{ borderRadius: '10px' }}>\\n                <i className=\\\"pi pi-github text-4xl text-blue-500\\\"></i>\\n            </span>\\n            <div className=\\\"text-900 mb-3 font-medium\\\">Open Source</div>\\n            <span className=\\\"text-700 text-sm line-height-3\\\">Nec tincidunt praesent semper feugiat. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. </span>\\n        </div>\\n        <div className=\\\"col-12 md:col-4 md:mb-4 mb-0 px-3\\\">\\n            <span className=\\\"p-3 shadow-2 mb-3 inline-block surface-card\\\" style={{ borderRadius: '10px' }}>\\n                <i className=\\\"pi pi-shield text-4xl text-blue-500\\\"></i>\\n            </span>\\n            <div className=\\\"text-900 mb-3 font-medium\\\">Trusted Securitty</div>\\n            <span className=\\\"text-700 text-sm line-height-3\\\">Mattis rhoncus urna neque viverra justo nec ultrices. Id cursus metus aliquam eleifend.</span>\\n        </div>\\n    </div>\\n</div>\\n    \";\n  var block3 = \"\\n<div className=\\\"surface-ground px-4 py-8 md:px-6 lg:px-8\\\">\\n    <div className=\\\"text-900 font-bold text-6xl mb-4 text-center\\\">Pricing Plans</div>\\n    <div className=\\\"text-700 text-xl mb-6 text-center line-height-3\\\">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit numquam eligendi quos.</div>\\n\\n    <div className=\\\"grid\\\">\\n        <div className=\\\"col-12 lg:col-4\\\">\\n            <div className=\\\"p-3 h-full\\\">\\n                <div className=\\\"shadow-2 p-3 h-full flex flex-column surface-card\\\" style={{ borderRadius: '6px' }}>\\n                    <div className=\\\"text-900 font-medium text-xl mb-2\\\">Basic</div>\\n                    <div className=\\\"text-600\\\">Plan description</div>\\n                    <hr className=\\\"my-3 mx-0 border-top-1 border-none surface-border\\\" />\\n                    <div className=\\\"flex align-items-center\\\">\\n                        <span className=\\\"font-bold text-2xl text-900\\\">$9</span>\\n                        <span className=\\\"ml-2 font-medium text-600\\\">per month</span>\\n                    </div>\\n                    <hr className=\\\"my-3 mx-0 border-top-1 border-none surface-border\\\" />\\n                    <ul className=\\\"list-none p-0 m-0 flex-grow-1\\\">\\n                        <li className=\\\"flex align-items-center mb-3\\\">\\n                            <i className=\\\"pi pi-check-circle text-green-500 mr-2\\\"></i>\\n                            <span>Arcu vitae elementum</span>\\n                        </li>\\n                        <li className=\\\"flex align-items-center mb-3\\\">\\n                            <i className=\\\"pi pi-check-circle text-green-500 mr-2\\\"></i>\\n                            <span>Dui faucibus in ornare</span>\\n                        </li>\\n                        <li className=\\\"flex align-items-center mb-3\\\">\\n                            <i className=\\\"pi pi-check-circle text-green-500 mr-2\\\"></i>\\n                            <span>Morbi tincidunt augue</span>\\n                        </li>\\n                    </ul>\\n                    <hr className=\\\"mb-3 mx-0 border-top-1 border-none surface-border mt-auto\\\" />\\n                    <Button label=\\\"Buy Now\\\" className=\\\"p-3 w-full mt-auto\\\"></Button>\\n                </div>\\n            </div>\\n        </div>\\n\\n        <div className=\\\"col-12 lg:col-4\\\">\\n            <div className=\\\"p-3 h-full\\\">\\n                <div className=\\\"shadow-2 p-3 h-full flex flex-column surface-card\\\" style={{ borderRadius: '6px' }}>\\n                    <div className=\\\"text-900 font-medium text-xl mb-2\\\">Premium</div>\\n                    <div className=\\\"text-600\\\">Plan description</div>\\n                    <hr className=\\\"my-3 mx-0 border-top-1 border-none surface-border\\\" />\\n                    <div className=\\\"flex align-items-center\\\">\\n                        <span className=\\\"font-bold text-2xl text-900\\\">$29</span>\\n                        <span className=\\\"ml-2 font-medium text-600\\\">per month</span>\\n                    </div>\\n                    <hr className=\\\"my-3 mx-0 border-top-1 border-none surface-border\\\" />\\n                    <ul className=\\\"list-none p-0 m-0 flex-grow-1\\\">\\n                        <li className=\\\"flex align-items-center mb-3\\\">\\n                            <i className=\\\"pi pi-check-circle text-green-500 mr-2\\\"></i>\\n                            <span>Arcu vitae elementum</span>\\n                        </li>\\n                        <li className=\\\"flex align-items-center mb-3\\\">\\n                            <i className=\\\"pi pi-check-circle text-green-500 mr-2\\\"></i>\\n                            <span>Dui faucibus in ornare</span>\\n                        </li>\\n                        <li className=\\\"flex align-items-center mb-3\\\">\\n                            <i className=\\\"pi pi-check-circle text-green-500 mr-2\\\"></i>\\n                            <span>Morbi tincidunt augue</span>\\n                        </li>\\n                        <li className=\\\"flex align-items-center mb-3\\\">\\n                            <i className=\\\"pi pi-check-circle text-green-500 mr-2\\\"></i>\\n                            <span>Duis ultricies lacus sed</span>\\n                        </li>\\n                    </ul>\\n                    <hr className=\\\"mb-3 mx-0 border-top-1 border-none surface-border\\\" />\\n                    <Button label=\\\"Buy Now\\\" className=\\\"p-3 w-full\\\"></Button>\\n                </div>\\n            </div>\\n        </div>\\n\\n        <div className=\\\"col-12 lg:col-4\\\">\\n            <div className=\\\"p-3 h-full\\\">\\n                <div className=\\\"shadow-2 p-3 flex flex-column surface-card\\\" style={{ borderRadius: '6px' }}>\\n                    <div className=\\\"text-900 font-medium text-xl mb-2\\\">Enterprise</div>\\n                    <div className=\\\"text-600\\\">Plan description</div>\\n                    <hr className=\\\"my-3 mx-0 border-top-1 border-none surface-border\\\" />\\n                    <div className=\\\"flex align-items-center\\\">\\n                        <span className=\\\"font-bold text-2xl text-900\\\">$49</span>\\n                        <span className=\\\"ml-2 font-medium text-600\\\">per month</span>\\n                    </div>\\n                    <hr className=\\\"my-3 mx-0 border-top-1 border-none surface-border\\\" />\\n                    <ul className=\\\"list-none p-0 m-0 flex-grow-1\\\">\\n                        <li className=\\\"flex align-items-center mb-3\\\">\\n                            <i className=\\\"pi pi-check-circle text-green-500 mr-2\\\"></i>\\n                            <span>Arcu vitae elementum</span>\\n                        </li>\\n                        <li className=\\\"flex align-items-center mb-3\\\">\\n                            <i className=\\\"pi pi-check-circle text-green-500 mr-2\\\"></i>\\n                            <span>Dui faucibus in ornare</span>\\n                        </li>\\n                        <li className=\\\"flex align-items-center mb-3\\\">\\n                            <i className=\\\"pi pi-check-circle text-green-500 mr-2\\\"></i>\\n                            <span>Morbi tincidunt augue</span>\\n                        </li>\\n                        <li className=\\\"flex align-items-center mb-3\\\">\\n                            <i className=\\\"pi pi-check-circle text-green-500 mr-2\\\"></i>\\n                            <span>Duis ultricies lacus sed</span>\\n                        </li>\\n                        <li className=\\\"flex align-items-center mb-3\\\">\\n                            <i className=\\\"pi pi-check-circle text-green-500 mr-2\\\"></i>\\n                            <span>Imperdiet proin</span>\\n                        </li>\\n                        <li className=\\\"flex align-items-center mb-3\\\">\\n                            <i className=\\\"pi pi-check-circle text-green-500 mr-2\\\"></i>\\n                            <span>Nisi scelerisque</span>\\n                        </li>\\n                    </ul>\\n                    <hr className=\\\"mb-3 mx-0 border-top-1 border-none surface-border\\\" />\\n                    <Button label=\\\"Buy Now\\\" className=\\\"p-3 w-full p-button-outlined\\\"></Button>\\n                </div>\\n            </div>\\n        </div>\\n    </div>\\n</div>\\n    \";\n  var block4 = \"\\n<div className=\\\"surface-section px-4 py-8 md:px-6 lg:px-8\\\">\\n    <div className=\\\"text-700 text-center\\\">\\n        <div className=\\\"text-blue-600 font-bold mb-3\\\"><i className=\\\"pi pi-discord\\\"></i>&nbsp;POWERED BY DISCORD</div>\\n        <div className=\\\"text-900 font-bold text-5xl mb-3\\\">Join Our Design Community</div>\\n        <div className=\\\"text-700 text-2xl mb-5\\\">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit numquam eligendi quos.</div>\\n        <Button label=\\\"Join Now\\\" icon=\\\"pi pi-discord\\\" className=\\\"font-bold px-5 py-3 p-button-raised p-button-rounded white-space-nowrap\\\"></Button>\\n    </div>\\n</div>\\n    \";\n  var block5 = \"\\n<div className=\\\"bg-bluegray-900 text-gray-100 p-3 flex justify-content-between lg:justify-content-center align-items-center flex-wrap\\\">\\n    <div className=\\\"font-bold mr-8\\\"><span role=\\\"img\\\" aria-label=\\\"fire\\\">\\uD83D\\uDD25</span> Hot Deals!</div>\\n    <div className=\\\"align-items-center hidden lg:flex\\\">\\n        <span className=\\\"line-height-3\\\">Libero voluptatum atque exercitationem praesentium provident odit.</span>\\n    </div>\\n    <a className=\\\"flex align-items-center ml-2 mr-8\\\">\\n        <span className=\\\"underline font-bold\\\">Learn More</span>\\n    </a>\\n    <a className=\\\"p-ripple flex align-items-center no-underline justify-content-center border-circle text-gray-50 hover:bg-bluegray-700 cursor-pointer transition-colors transition-duration-150 p-ripple\\\" style={{ width: '2rem', height: '2rem' }}>\\n        <i className=\\\"pi pi-times\\\"></i>\\n    </a>\\n</div>\\n    \";\n  var block6 = \"\\n<div className=\\\"surface-section px-4 py-5 md:px-6 lg:px-8\\\">\\n    <ul className=\\\"list-none p-0 m-0 flex align-items-center font-medium mb-3\\\">\\n        <li>\\n            <a className=\\\"text-500 no-underline line-height-3 cursor-pointer\\\">Application</a>\\n        </li>\\n        <li className=\\\"px-2\\\">\\n            <i className=\\\"pi pi-angle-right text-500 line-height-3\\\"></i>\\n        </li>\\n        <li>\\n            <span className=\\\"text-900 line-height-3\\\">Analytics</span>\\n        </li>\\n    </ul>\\n    <div className=\\\"flex align-items-start flex-column lg:justify-content-between lg:flex-row\\\">\\n        <div>\\n            <div className=\\\"font-medium text-3xl text-900\\\">Customers</div>\\n            <div className=\\\"flex align-items-center text-700 flex-wrap\\\">\\n                <div className=\\\"mr-5 flex align-items-center mt-3\\\">\\n                    <i className=\\\"pi pi-users mr-2\\\"></i>\\n                    <span>332 Active Users</span>\\n                </div>\\n                <div className=\\\"mr-5 flex align-items-center mt-3\\\">\\n                    <i className=\\\"pi pi-globe mr-2\\\"></i>\\n                    <span>9402 Sessions</span>\\n                </div>\\n                <div className=\\\"flex align-items-center mt-3\\\">\\n                    <i className=\\\"pi pi-clock mr-2\\\"></i>\\n                    <span>2.32m Avg. Duration</span>\\n                </div>\\n            </div>\\n        </div>\\n        <div className=\\\"mt-3 lg:mt-0\\\">\\n            <Button label=\\\"Add\\\" className=\\\"p-button-outlined mr-2\\\" icon=\\\"pi pi-user-plus\\\" />\\n            <Button label=\\\"Save\\\" icon=\\\"pi pi-check\\\" />\\n        </div>\\n    </div>\\n</div>\\n    \";\n  var block7 = \"\\n<div className=\\\"surface-ground px-4 py-5 md:px-6 lg:px-8\\\">\\n    <div className=\\\"grid\\\">\\n        <div className=\\\"col-12 md:col-6 lg:col-3\\\">\\n            <div className=\\\"surface-card shadow-2 p-3 border-round\\\">\\n                <div className=\\\"flex justify-content-between mb-3\\\">\\n                    <div>\\n                        <span className=\\\"block text-500 font-medium mb-3\\\">Orders</span>\\n                        <div className=\\\"text-900 font-medium text-xl\\\">152</div>\\n                    </div>\\n                    <div className=\\\"flex align-items-center justify-content-center bg-blue-100 border-round\\\" style={{ width: '2.5rem', height: '2.5rem' }}>\\n                        <i className=\\\"pi pi-shopping-cart text-blue-500 text-xl\\\"></i>\\n                    </div>\\n                </div>\\n                <span className=\\\"text-green-500 font-medium\\\">24 new </span>\\n                <span className=\\\"text-500\\\">since last visit</span>\\n            </div>\\n        </div>\\n        <div className=\\\"col-12 md:col-6 lg:col-3\\\">\\n            <div className=\\\"surface-card shadow-2 p-3 border-round\\\">\\n                <div className=\\\"flex justify-content-between mb-3\\\">\\n                    <div>\\n                        <span className=\\\"block text-500 font-medium mb-3\\\">Revenue</span>\\n                        <div className=\\\"text-900 font-medium text-xl\\\">$2.100</div>\\n                    </div>\\n                    <div className=\\\"flex align-items-center justify-content-center bg-orange-100 border-round\\\" style={{ width: '2.5rem', height: '2.5rem' }}>\\n                        <i className=\\\"pi pi-map-marker text-orange-500 text-xl\\\"></i>\\n                    </div>\\n                </div>\\n                <span className=\\\"text-green-500 font-medium\\\">%52+ </span>\\n                <span className=\\\"text-500\\\">since last week</span>\\n            </div>\\n        </div>\\n        <div className=\\\"col-12 md:col-6 lg:col-3\\\">\\n            <div className=\\\"surface-card shadow-2 p-3 border-round\\\">\\n                <div className=\\\"flex justify-content-between mb-3\\\">\\n                    <div>\\n                        <span className=\\\"block text-500 font-medium mb-3\\\">Customers</span>\\n                        <div className=\\\"text-900 font-medium text-xl\\\">28441</div>\\n                    </div>\\n                    <div className=\\\"flex align-items-center justify-content-center bg-cyan-100 border-round\\\" style={{ width: '2.5rem', height: '2.5rem' }}>\\n                        <i className=\\\"pi pi-inbox text-cyan-500 text-xl\\\"></i>\\n                    </div>\\n                </div>\\n                <span className=\\\"text-green-500 font-medium\\\">520  </span>\\n                <span className=\\\"text-500\\\">newly registered</span>\\n            </div>\\n        </div>\\n        <div className=\\\"col-12 md:col-6 lg:col-3\\\">\\n            <div className=\\\"surface-card shadow-2 p-3 border-round\\\">\\n                <div className=\\\"flex justify-content-between mb-3\\\">\\n                    <div>\\n                        <span className=\\\"block text-500 font-medium mb-3\\\">Comments</span>\\n                        <div className=\\\"text-900 font-medium text-xl\\\">152 Unread</div>\\n                    </div>\\n                    <div className=\\\"flex align-items-center justify-content-center bg-purple-100 border-round\\\" style={{ width: '2.5rem', height: '2.5rem' }}>\\n                        <i className=\\\"pi pi-comment text-purple-500 text-xl\\\"></i>\\n                    </div>\\n                </div>\\n                <span className=\\\"text-green-500 font-medium\\\">85 </span>\\n                <span className=\\\"text-500\\\">responded</span>\\n            </div>\\n        </div>\\n    </div>\\n</div>\\n    \";\n  var block8 = \"\\n<div className=\\\"surface-card p-4 shadow-2 border-round w-full lg:w-6\\\">\\n    <div className=\\\"text-center mb-5\\\">\\n        <img src=\\\"images/blocks/logos/hyper.svg\\\" alt=\\\"hyper\\\" height=\\\"50\\\" className=\\\"mb-3\\\" />\\n        <div className=\\\"text-900 text-3xl font-medium mb-3\\\">Welcome Back</div>\\n        <span className=\\\"text-600 font-medium line-height-3\\\">Don't have an account?</span>\\n        <a className=\\\"font-medium no-underline ml-2 text-blue-500 cursor-pointer\\\">Create today!</a>\\n    </div>\\n\\n    <div>\\n        <label htmlFor=\\\"email1\\\" className=\\\"block text-900 font-medium mb-2\\\">Email</label>\\n        <InputText id=\\\"email1\\\" type=\\\"text\\\" className=\\\"w-full mb-3\\\" />\\n\\n        <label htmlFor=\\\"password1\\\" className=\\\"block text-900 font-medium mb-2\\\">Password</label>\\n        <InputText id=\\\"password1\\\" type=\\\"password\\\" className=\\\"w-full mb-3\\\" />\\n\\n        <div className=\\\"flex align-items-center justify-content-between mb-6\\\">\\n            <div className=\\\"flex align-items-center\\\">\\n                <Checkbox inputId=\\\"rememberme1\\\" binary className=\\\"mr-2\\\" onChange={e => setChecked(e.checked)} checked={checked} />\\n                <label htmlFor=\\\"rememberme1\\\">Remember me</label>\\n            </div>\\n            <a className=\\\"font-medium no-underline ml-2 text-blue-500 text-right cursor-pointer\\\">Forgot password?</a>\\n        </div>\\n\\n        <Button label=\\\"Sign In\\\" icon=\\\"pi pi-user\\\" className=\\\"w-full\\\" />\\n    </div>\\n</div>\\n    \";\n  var block9 = \"\\n<div className=\\\"surface-section\\\">\\n    <div className=\\\"font-medium text-3xl text-900 mb-3\\\">Movie Information</div>\\n    <div className=\\\"text-500 mb-5\\\">Morbi tristique blandit turpis. In viverra ligula id nulla hendrerit rutrum.</div>\\n    <ul className=\\\"list-none p-0 m-0\\\">\\n        <li className=\\\"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\\\">\\n            <div className=\\\"text-500 w-6 md:w-2 font-medium\\\">Title</div>\\n            <div className=\\\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\\\">Heat</div>\\n            <div className=\\\"w-6 md:w-2 flex justify-content-end\\\">\\n                <Button label=\\\"Edit\\\" icon=\\\"pi pi-pencil\\\" className=\\\"p-button-text\\\" />\\n            </div>\\n        </li>\\n        <li className=\\\"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\\\">\\n            <div className=\\\"text-500 w-6 md:w-2 font-medium\\\">Genre</div>\\n            <div className=\\\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\\\">\\n                <Chip label=\\\"Crime\\\" className=\\\"mr-2\\\"></Chip>\\n                <Chip label=\\\"Drama\\\" className=\\\"mr-2\\\"></Chip>\\n                <Chip label=\\\"Thriller\\\"></Chip>\\n            </div>\\n            <div className=\\\"w-6 md:w-2 flex justify-content-end\\\">\\n                <Button label=\\\"Edit\\\" icon=\\\"pi pi-pencil\\\" className=\\\"p-button-text\\\" />\\n            </div>\\n        </li>\\n        <li className=\\\"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\\\">\\n            <div className=\\\"text-500 w-6 md:w-2 font-medium\\\">Director</div>\\n            <div className=\\\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\\\">Michael Mann</div>\\n            <div className=\\\"w-6 md:w-2 flex justify-content-end\\\">\\n                <Button label=\\\"Edit\\\" icon=\\\"pi pi-pencil\\\" className=\\\"p-button-text\\\" />\\n            </div>\\n        </li>\\n        <li className=\\\"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\\\">\\n            <div className=\\\"text-500 w-6 md:w-2 font-medium\\\">Actors</div>\\n            <div className=\\\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\\\">Robert De Niro, Al Pacino</div>\\n            <div className=\\\"w-6 md:w-2 flex justify-content-end\\\">\\n                <Button label=\\\"Edit\\\" icon=\\\"pi pi-pencil\\\" className=\\\"p-button-text\\\" />\\n            </div>\\n        </li>\\n        <li className=\\\"flex align-items-center py-3 px-2 border-top-1 border-bottom-1 surface-border flex-wrap\\\">\\n            <div className=\\\"text-500 w-6 md:w-2 font-medium\\\">Plot</div>\\n            <div className=\\\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1 line-height-3\\\">\\n                A group of professional bank robbers start to feel the heat from police\\n                when they unknowingly leave a clue at their latest heist.</div>\\n            <div className=\\\"w-6 md:w-2 flex justify-content-end\\\">\\n                <Button label=\\\"Edit\\\" icon=\\\"pi pi-pencil\\\" className=\\\"p-button-text\\\" />\\n            </div>\\n        </li>\\n    </ul>\\n</div>\\n    \";\n  var block10 = \"\\n<div className=\\\"surface-card p-4 shadow-2 border-round\\\">\\n    <div className=\\\"text-3xl font-medium text-900 mb-3\\\">Card Title</div>\\n    <div className=\\\"font-medium text-500 mb-3\\\">Vivamus id nisl interdum, blandit augue sit amet, eleifend mi.</div>\\n    <div style={{ height: '150px' }} className=\\\"border-2 border-dashed surface-border\\\"></div>\\n</div>\\n    \";\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BlockViewer, {\n    header: \"Hero\",\n    code: block1,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 422,\n      columnNumber: 13\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"grid grid-nogutter surface-section text-800\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 423,\n      columnNumber: 17\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"col-12 md:col-6 p-6 text-center md:text-left flex align-items-center \",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 424,\n      columnNumber: 21\n    }\n  }, /*#__PURE__*/React.createElement(\"section\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 425,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"block text-6xl font-bold mb-1\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 426,\n      columnNumber: 29\n    }\n  }, \"Create the screens your\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-6xl text-primary font-bold mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 427,\n      columnNumber: 29\n    }\n  }, \"your visitors deserve to see\"), /*#__PURE__*/React.createElement(\"p\", {\n    className: \"mt-0 mb-4 text-700 line-height-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 428,\n      columnNumber: 29\n    }\n  }, \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\"), /*#__PURE__*/React.createElement(Button, {\n    label: \"Learn More\",\n    type: \"button\",\n    className: \"mr-3 p-button-raised\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 430,\n      columnNumber: 29\n    }\n  }), /*#__PURE__*/React.createElement(Button, {\n    label: \"Live Demo\",\n    type: \"button\",\n    className: \"p-button-outlined\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 431,\n      columnNumber: 29\n    }\n  }))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"col-12 md:col-6 overflow-hidden\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 434,\n      columnNumber: 21\n    }\n  }, /*#__PURE__*/React.createElement(\"img\", {\n    src: \"images/blocks/hero/hero-1.png\",\n    alt: \"hero-1\",\n    className: \"md:ml-auto block md:h-full\",\n    style: {\n      clipPath: 'polygon(8% 0, 100% 0%, 100% 100%, 0 100%)'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 435,\n      columnNumber: 25\n    }\n  })))), /*#__PURE__*/React.createElement(BlockViewer, {\n    header: \"Feature\",\n    code: block2,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 440,\n      columnNumber: 13\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"surface-section px-4 py-8 md:px-6 lg:px-8 text-center\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 441,\n      columnNumber: 17\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"mb-3 font-bold text-2xl\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 442,\n      columnNumber: 21\n    }\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"text-900\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 443,\n      columnNumber: 25\n    }\n  }, \"One Product, \"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"text-blue-600\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 444,\n      columnNumber: 25\n    }\n  }, \"Many Solutions\")), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-700 text-sm mb-6\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 446,\n      columnNumber: 21\n    }\n  }, \"Ac turpis egestas maecenas pharetra convallis posuere morbi leo urna.\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"grid\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 447,\n      columnNumber: 21\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"col-12 md:col-4 mb-4 px-5\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 448,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"p-3 shadow-2 mb-3 inline-block surface-card\",\n    style: {\n      borderRadius: '10px'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 449,\n      columnNumber: 29\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-desktop text-4xl text-blue-500\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 450,\n      columnNumber: 33\n    }\n  })), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-900 mb-3 font-medium\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 452,\n      columnNumber: 29\n    }\n  }, \"Built for Developers\"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"text-700 text-sm line-height-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 453,\n      columnNumber: 29\n    }\n  }, \"Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\")), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"col-12 md:col-4 mb-4 px-5\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 455,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"p-3 shadow-2 mb-3 inline-block surface-card\",\n    style: {\n      borderRadius: '10px'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 456,\n      columnNumber: 29\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-lock text-4xl text-blue-500\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 457,\n      columnNumber: 33\n    }\n  })), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-900 mb-3 font-medium\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 459,\n      columnNumber: 29\n    }\n  }, \"End-to-End Encryption\"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"text-700 text-sm line-height-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 460,\n      columnNumber: 29\n    }\n  }, \"Risus nec feugiat in fermentum posuere urna nec. Posuere sollicitudin aliquam ultrices sagittis.\")), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"col-12 md:col-4 mb-4 px-5\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 462,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"p-3 shadow-2 mb-3 inline-block surface-card\",\n    style: {\n      borderRadius: '10px'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 463,\n      columnNumber: 29\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-check-circle text-4xl text-blue-500\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 464,\n      columnNumber: 33\n    }\n  })), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-900 mb-3 font-medium\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 466,\n      columnNumber: 29\n    }\n  }, \"Easy to Use\"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"text-700 text-sm line-height-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 467,\n      columnNumber: 29\n    }\n  }, \"Ornare suspendisse sed nisi lacus sed viverra tellus. Neque volutpat ac tincidunt vitae semper.\")), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"col-12 md:col-4 mb-4 px-5\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 469,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"p-3 shadow-2 mb-3 inline-block surface-card\",\n    style: {\n      borderRadius: '10px'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 470,\n      columnNumber: 29\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-globe text-4xl text-blue-500\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 471,\n      columnNumber: 33\n    }\n  })), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-900 mb-3 font-medium\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 473,\n      columnNumber: 29\n    }\n  }, \"Fast & Global Support\"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"text-700 text-sm line-height-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 474,\n      columnNumber: 29\n    }\n  }, \"Fermentum et sollicitudin ac orci phasellus egestas tellus rutrum tellus.\")), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"col-12 md:col-4 mb-4 px-5\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 476,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"p-3 shadow-2 mb-3 inline-block surface-card\",\n    style: {\n      borderRadius: '10px'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 477,\n      columnNumber: 29\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-github text-4xl text-blue-500\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 478,\n      columnNumber: 33\n    }\n  })), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-900 mb-3 font-medium\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 480,\n      columnNumber: 29\n    }\n  }, \"Open Source\"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"text-700 text-sm line-height-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 481,\n      columnNumber: 29\n    }\n  }, \"Nec tincidunt praesent semper feugiat. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. \")), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"col-12 md:col-4 md:mb-4 mb-0 px-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 483,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"p-3 shadow-2 mb-3 inline-block surface-card\",\n    style: {\n      borderRadius: '10px'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 484,\n      columnNumber: 29\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-shield text-4xl text-blue-500\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 485,\n      columnNumber: 33\n    }\n  })), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-900 mb-3 font-medium\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 487,\n      columnNumber: 29\n    }\n  }, \"Trusted Securitty\"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"text-700 text-sm line-height-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 488,\n      columnNumber: 29\n    }\n  }, \"Mattis rhoncus urna neque viverra justo nec ultrices. Id cursus metus aliquam eleifend.\"))))), /*#__PURE__*/React.createElement(BlockViewer, {\n    header: \"Pricing\",\n    code: block3,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 494,\n      columnNumber: 13\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"surface-ground px-4 py-8 md:px-6 lg:px-8\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 495,\n      columnNumber: 17\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-900 font-bold text-6xl mb-4 text-center\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 496,\n      columnNumber: 21\n    }\n  }, \"Pricing Plans\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-700 text-xl mb-6 text-center line-height-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 497,\n      columnNumber: 21\n    }\n  }, \"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit numquam eligendi quos.\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"grid\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 499,\n      columnNumber: 21\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"col-12 lg:col-4\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 500,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"p-3 h-full\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 501,\n      columnNumber: 29\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"shadow-2 p-3 h-full flex flex-column surface-card\",\n    style: {\n      borderRadius: '6px'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 502,\n      columnNumber: 33\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-900 font-medium text-xl mb-2\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 503,\n      columnNumber: 37\n    }\n  }, \"Basic\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-600\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 504,\n      columnNumber: 37\n    }\n  }, \"Plan description\"), /*#__PURE__*/React.createElement(\"hr\", {\n    className: \"my-3 mx-0 border-top-1 border-none surface-border\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 505,\n      columnNumber: 37\n    }\n  }), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"flex align-items-center\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 506,\n      columnNumber: 37\n    }\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"font-bold text-2xl text-900\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 507,\n      columnNumber: 41\n    }\n  }, \"$9\"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"ml-2 font-medium text-600\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 508,\n      columnNumber: 41\n    }\n  }, \"per month\")), /*#__PURE__*/React.createElement(\"hr\", {\n    className: \"my-3 mx-0 border-top-1 border-none surface-border\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 510,\n      columnNumber: 37\n    }\n  }), /*#__PURE__*/React.createElement(\"ul\", {\n    className: \"list-none p-0 m-0 flex-grow-1\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 511,\n      columnNumber: 37\n    }\n  }, /*#__PURE__*/React.createElement(\"li\", {\n    className: \"flex align-items-center mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 512,\n      columnNumber: 41\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-check-circle text-green-500 mr-2\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 513,\n      columnNumber: 45\n    }\n  }), /*#__PURE__*/React.createElement(\"span\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 514,\n      columnNumber: 45\n    }\n  }, \"Arcu vitae elementum\")), /*#__PURE__*/React.createElement(\"li\", {\n    className: \"flex align-items-center mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 516,\n      columnNumber: 41\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-check-circle text-green-500 mr-2\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 517,\n      columnNumber: 45\n    }\n  }), /*#__PURE__*/React.createElement(\"span\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 518,\n      columnNumber: 45\n    }\n  }, \"Dui faucibus in ornare\")), /*#__PURE__*/React.createElement(\"li\", {\n    className: \"flex align-items-center mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 520,\n      columnNumber: 41\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-check-circle text-green-500 mr-2\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 521,\n      columnNumber: 45\n    }\n  }), /*#__PURE__*/React.createElement(\"span\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 522,\n      columnNumber: 45\n    }\n  }, \"Morbi tincidunt augue\"))), /*#__PURE__*/React.createElement(\"hr\", {\n    className: \"mb-3 mx-0 border-top-1 border-none surface-border mt-auto\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 525,\n      columnNumber: 37\n    }\n  }), /*#__PURE__*/React.createElement(Button, {\n    label: \"Buy Now\",\n    className: \"p-3 w-full mt-auto\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 526,\n      columnNumber: 37\n    }\n  })))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"col-12 lg:col-4\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 531,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"p-3 h-full\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 532,\n      columnNumber: 29\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"shadow-2 p-3 h-full flex flex-column surface-card\",\n    style: {\n      borderRadius: '6px'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 533,\n      columnNumber: 33\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-900 font-medium text-xl mb-2\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 534,\n      columnNumber: 37\n    }\n  }, \"Premium\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-600\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 535,\n      columnNumber: 37\n    }\n  }, \"Plan description\"), /*#__PURE__*/React.createElement(\"hr\", {\n    className: \"my-3 mx-0 border-top-1 border-none surface-border\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 536,\n      columnNumber: 37\n    }\n  }), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"flex align-items-center\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 537,\n      columnNumber: 37\n    }\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"font-bold text-2xl text-900\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 538,\n      columnNumber: 41\n    }\n  }, \"$29\"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"ml-2 font-medium text-600\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 539,\n      columnNumber: 41\n    }\n  }, \"per month\")), /*#__PURE__*/React.createElement(\"hr\", {\n    className: \"my-3 mx-0 border-top-1 border-none surface-border\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 541,\n      columnNumber: 37\n    }\n  }), /*#__PURE__*/React.createElement(\"ul\", {\n    className: \"list-none p-0 m-0 flex-grow-1\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 542,\n      columnNumber: 37\n    }\n  }, /*#__PURE__*/React.createElement(\"li\", {\n    className: \"flex align-items-center mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 543,\n      columnNumber: 41\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-check-circle text-green-500 mr-2\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 544,\n      columnNumber: 45\n    }\n  }), /*#__PURE__*/React.createElement(\"span\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 545,\n      columnNumber: 45\n    }\n  }, \"Arcu vitae elementum\")), /*#__PURE__*/React.createElement(\"li\", {\n    className: \"flex align-items-center mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 547,\n      columnNumber: 41\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-check-circle text-green-500 mr-2\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 548,\n      columnNumber: 45\n    }\n  }), /*#__PURE__*/React.createElement(\"span\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 549,\n      columnNumber: 45\n    }\n  }, \"Dui faucibus in ornare\")), /*#__PURE__*/React.createElement(\"li\", {\n    className: \"flex align-items-center mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 551,\n      columnNumber: 41\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-check-circle text-green-500 mr-2\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 552,\n      columnNumber: 45\n    }\n  }), /*#__PURE__*/React.createElement(\"span\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 553,\n      columnNumber: 45\n    }\n  }, \"Morbi tincidunt augue\")), /*#__PURE__*/React.createElement(\"li\", {\n    className: \"flex align-items-center mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 555,\n      columnNumber: 41\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-check-circle text-green-500 mr-2\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 556,\n      columnNumber: 45\n    }\n  }), /*#__PURE__*/React.createElement(\"span\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 557,\n      columnNumber: 45\n    }\n  }, \"Duis ultricies lacus sed\"))), /*#__PURE__*/React.createElement(\"hr\", {\n    className: \"mb-3 mx-0 border-top-1 border-none surface-border\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 560,\n      columnNumber: 37\n    }\n  }), /*#__PURE__*/React.createElement(Button, {\n    label: \"Buy Now\",\n    className: \"p-3 w-full\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 561,\n      columnNumber: 37\n    }\n  })))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"col-12 lg:col-4\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 566,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"p-3 h-full\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 567,\n      columnNumber: 29\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"shadow-2 p-3 flex flex-column surface-card\",\n    style: {\n      borderRadius: '6px'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 568,\n      columnNumber: 33\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-900 font-medium text-xl mb-2\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 569,\n      columnNumber: 37\n    }\n  }, \"Enterprise\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-600\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 570,\n      columnNumber: 37\n    }\n  }, \"Plan description\"), /*#__PURE__*/React.createElement(\"hr\", {\n    className: \"my-3 mx-0 border-top-1 border-none surface-border\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 571,\n      columnNumber: 37\n    }\n  }), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"flex align-items-center\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 572,\n      columnNumber: 37\n    }\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"font-bold text-2xl text-900\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 573,\n      columnNumber: 41\n    }\n  }, \"$49\"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"ml-2 font-medium text-600\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 574,\n      columnNumber: 41\n    }\n  }, \"per month\")), /*#__PURE__*/React.createElement(\"hr\", {\n    className: \"my-3 mx-0 border-top-1 border-none surface-border\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 576,\n      columnNumber: 37\n    }\n  }), /*#__PURE__*/React.createElement(\"ul\", {\n    className: \"list-none p-0 m-0 flex-grow-1\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 577,\n      columnNumber: 37\n    }\n  }, /*#__PURE__*/React.createElement(\"li\", {\n    className: \"flex align-items-center mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 578,\n      columnNumber: 41\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-check-circle text-green-500 mr-2\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 579,\n      columnNumber: 45\n    }\n  }), /*#__PURE__*/React.createElement(\"span\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 580,\n      columnNumber: 45\n    }\n  }, \"Arcu vitae elementum\")), /*#__PURE__*/React.createElement(\"li\", {\n    className: \"flex align-items-center mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 582,\n      columnNumber: 41\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-check-circle text-green-500 mr-2\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 583,\n      columnNumber: 45\n    }\n  }), /*#__PURE__*/React.createElement(\"span\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 584,\n      columnNumber: 45\n    }\n  }, \"Dui faucibus in ornare\")), /*#__PURE__*/React.createElement(\"li\", {\n    className: \"flex align-items-center mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 586,\n      columnNumber: 41\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-check-circle text-green-500 mr-2\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 587,\n      columnNumber: 45\n    }\n  }), /*#__PURE__*/React.createElement(\"span\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 588,\n      columnNumber: 45\n    }\n  }, \"Morbi tincidunt augue\")), /*#__PURE__*/React.createElement(\"li\", {\n    className: \"flex align-items-center mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 590,\n      columnNumber: 41\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-check-circle text-green-500 mr-2\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 591,\n      columnNumber: 45\n    }\n  }), /*#__PURE__*/React.createElement(\"span\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 592,\n      columnNumber: 45\n    }\n  }, \"Duis ultricies lacus sed\")), /*#__PURE__*/React.createElement(\"li\", {\n    className: \"flex align-items-center mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 594,\n      columnNumber: 41\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-check-circle text-green-500 mr-2\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 595,\n      columnNumber: 45\n    }\n  }), /*#__PURE__*/React.createElement(\"span\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 596,\n      columnNumber: 45\n    }\n  }, \"Imperdiet proin\")), /*#__PURE__*/React.createElement(\"li\", {\n    className: \"flex align-items-center mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 598,\n      columnNumber: 41\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-check-circle text-green-500 mr-2\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 599,\n      columnNumber: 45\n    }\n  }), /*#__PURE__*/React.createElement(\"span\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 600,\n      columnNumber: 45\n    }\n  }, \"Nisi scelerisque\"))), /*#__PURE__*/React.createElement(\"hr\", {\n    className: \"mb-3 mx-0 border-top-1 border-none surface-border\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 603,\n      columnNumber: 37\n    }\n  }), /*#__PURE__*/React.createElement(Button, {\n    label: \"Buy Now\",\n    className: \"p-3 w-full p-button-outlined\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 604,\n      columnNumber: 37\n    }\n  }))))))), /*#__PURE__*/React.createElement(BlockViewer, {\n    header: \"Call to Action\",\n    code: block4,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 612,\n      columnNumber: 13\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"surface-section px-4 py-8 md:px-6 lg:px-8\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 613,\n      columnNumber: 17\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-700 text-center\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 614,\n      columnNumber: 21\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-blue-600 font-bold mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 615,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-discord\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 615,\n      columnNumber: 71\n    }\n  }), \"\\xA0POWERED BY DISCORD\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-900 font-bold text-5xl mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 616,\n      columnNumber: 25\n    }\n  }, \"Join Our Design Community\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-700 text-2xl mb-5\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 617,\n      columnNumber: 25\n    }\n  }, \"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit numquam eligendi quos.\"), /*#__PURE__*/React.createElement(Button, {\n    label: \"Join Now\",\n    icon: \"pi pi-discord\",\n    className: \"font-bold px-5 py-3 p-button-raised p-button-rounded white-space-nowrap\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 618,\n      columnNumber: 25\n    }\n  })))), /*#__PURE__*/React.createElement(BlockViewer, {\n    header: \"Banner\",\n    code: block5,\n    containerClassName: \"surface-section py-8\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 623,\n      columnNumber: 13\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"bg-bluegray-900 text-gray-100 p-3 flex justify-content-between lg:justify-content-center align-items-center flex-wrap\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 624,\n      columnNumber: 17\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"font-bold mr-8\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 625,\n      columnNumber: 21\n    }\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    role: \"img\",\n    \"aria-label\": \"fire\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 625,\n      columnNumber: 53\n    }\n  }, \"\\uD83D\\uDD25\"), \" Hot Deals!\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"align-items-center hidden lg:flex\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 626,\n      columnNumber: 21\n    }\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"line-height-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 627,\n      columnNumber: 25\n    }\n  }, \"Libero voluptatum atque exercitationem praesentium provident odit.\")), /*#__PURE__*/React.createElement(\"button\", {\n    className: \"p-link flex align-items-center ml-2 mr-8\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 629,\n      columnNumber: 21\n    }\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"underline font-bold\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 630,\n      columnNumber: 25\n    }\n  }, \"Learn More\")), /*#__PURE__*/React.createElement(\"button\", {\n    className: \"p-ripple p-link flex align-items-center no-underline justify-content-center border-circle text-gray-50 hover:bg-bluegray-700 cursor-pointer transition-colors transition-duration-150 p-ripple\",\n    style: {\n      width: '2rem',\n      height: '2rem'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 632,\n      columnNumber: 21\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-times\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 633,\n      columnNumber: 25\n    }\n  })))), /*#__PURE__*/React.createElement(BlockViewer, {\n    header: \"Page Heading\",\n    code: block6,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 638,\n      columnNumber: 13\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"surface-section px-4 py-5 md:px-6 lg:px-8\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 639,\n      columnNumber: 17\n    }\n  }, /*#__PURE__*/React.createElement(\"ul\", {\n    className: \"list-none p-0 m-0 flex align-items-center font-medium mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 640,\n      columnNumber: 21\n    }\n  }, /*#__PURE__*/React.createElement(\"li\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 641,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"button\", {\n    className: \"p-link text-500 no-underline line-height-3 cursor-pointer\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 642,\n      columnNumber: 29\n    }\n  }, \"Application\")), /*#__PURE__*/React.createElement(\"li\", {\n    className: \"px-2\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 644,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-angle-right text-500 line-height-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 645,\n      columnNumber: 29\n    }\n  })), /*#__PURE__*/React.createElement(\"li\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 647,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"text-900 line-height-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 648,\n      columnNumber: 29\n    }\n  }, \"Analytics\"))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"flex align-items-start flex-column lg:justify-content-between lg:flex-row\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 651,\n      columnNumber: 21\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 652,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"font-medium text-3xl text-900\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 653,\n      columnNumber: 29\n    }\n  }, \"Customers\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"flex align-items-center text-700 flex-wrap\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 654,\n      columnNumber: 29\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"mr-5 flex align-items-center mt-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 655,\n      columnNumber: 33\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-users mr-2\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 656,\n      columnNumber: 37\n    }\n  }), /*#__PURE__*/React.createElement(\"span\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 657,\n      columnNumber: 37\n    }\n  }, \"332 Active Users\")), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"mr-5 flex align-items-center mt-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 659,\n      columnNumber: 33\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-globe mr-2\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 660,\n      columnNumber: 37\n    }\n  }), /*#__PURE__*/React.createElement(\"span\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 661,\n      columnNumber: 37\n    }\n  }, \"9402 Sessions\")), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"flex align-items-center mt-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 663,\n      columnNumber: 33\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-clock mr-2\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 664,\n      columnNumber: 37\n    }\n  }), /*#__PURE__*/React.createElement(\"span\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 665,\n      columnNumber: 37\n    }\n  }, \"2.32m Avg. Duration\")))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"mt-3 lg:mt-0\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 669,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(Button, {\n    label: \"Add\",\n    className: \"p-button-outlined mr-2\",\n    icon: \"pi pi-user-plus\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 670,\n      columnNumber: 29\n    }\n  }), /*#__PURE__*/React.createElement(Button, {\n    label: \"Save\",\n    icon: \"pi pi-check\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 671,\n      columnNumber: 29\n    }\n  }))))), /*#__PURE__*/React.createElement(BlockViewer, {\n    header: \"Stats\",\n    code: block7,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 677,\n      columnNumber: 13\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"surface-ground px-4 py-5 md:px-6 lg:px-8\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 678,\n      columnNumber: 17\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"grid\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 679,\n      columnNumber: 21\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"col-12 md:col-6 lg:col-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 680,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"surface-card shadow-2 p-3 border-round\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 681,\n      columnNumber: 29\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"flex justify-content-between mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 682,\n      columnNumber: 33\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 683,\n      columnNumber: 37\n    }\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"block text-500 font-medium mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 684,\n      columnNumber: 41\n    }\n  }, \"Orders\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-900 font-medium text-xl\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 685,\n      columnNumber: 41\n    }\n  }, \"152\")), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"flex align-items-center justify-content-center bg-blue-100 border-round\",\n    style: {\n      width: '2.5rem',\n      height: '2.5rem'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 687,\n      columnNumber: 37\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-shopping-cart text-blue-500 text-xl\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 688,\n      columnNumber: 41\n    }\n  }))), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"text-green-500 font-medium\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 691,\n      columnNumber: 33\n    }\n  }, \"24 new \"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"text-500\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 692,\n      columnNumber: 33\n    }\n  }, \"since last visit\"))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"col-12 md:col-6 lg:col-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 695,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"surface-card shadow-2 p-3 border-round\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 696,\n      columnNumber: 29\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"flex justify-content-between mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 697,\n      columnNumber: 33\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 698,\n      columnNumber: 37\n    }\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"block text-500 font-medium mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 699,\n      columnNumber: 41\n    }\n  }, \"Revenue\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-900 font-medium text-xl\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 700,\n      columnNumber: 41\n    }\n  }, \"$2.100\")), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"flex align-items-center justify-content-center bg-orange-100 border-round\",\n    style: {\n      width: '2.5rem',\n      height: '2.5rem'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 702,\n      columnNumber: 37\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-map-marker text-orange-500 text-xl\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 703,\n      columnNumber: 41\n    }\n  }))), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"text-green-500 font-medium\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 706,\n      columnNumber: 33\n    }\n  }, \"%52+ \"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"text-500\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 707,\n      columnNumber: 33\n    }\n  }, \"since last week\"))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"col-12 md:col-6 lg:col-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 710,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"surface-card shadow-2 p-3 border-round\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 711,\n      columnNumber: 29\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"flex justify-content-between mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 712,\n      columnNumber: 33\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 713,\n      columnNumber: 37\n    }\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"block text-500 font-medium mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 714,\n      columnNumber: 41\n    }\n  }, \"Customers\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-900 font-medium text-xl\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 715,\n      columnNumber: 41\n    }\n  }, \"28441\")), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"flex align-items-center justify-content-center bg-cyan-100 border-round\",\n    style: {\n      width: '2.5rem',\n      height: '2.5rem'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 717,\n      columnNumber: 37\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-inbox text-cyan-500 text-xl\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 718,\n      columnNumber: 41\n    }\n  }))), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"text-green-500 font-medium\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 721,\n      columnNumber: 33\n    }\n  }, \"520  \"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"text-500\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 722,\n      columnNumber: 33\n    }\n  }, \"newly registered\"))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"col-12 md:col-6 lg:col-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 725,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"surface-card shadow-2 p-3 border-round\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 726,\n      columnNumber: 29\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"flex justify-content-between mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 727,\n      columnNumber: 33\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 728,\n      columnNumber: 37\n    }\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"block text-500 font-medium mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 729,\n      columnNumber: 41\n    }\n  }, \"Comments\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-900 font-medium text-xl\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 730,\n      columnNumber: 41\n    }\n  }, \"152 Unread\")), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"flex align-items-center justify-content-center bg-purple-100 border-round\",\n    style: {\n      width: '2.5rem',\n      height: '2.5rem'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 732,\n      columnNumber: 37\n    }\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    className: \"pi pi-comment text-purple-500 text-xl\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 733,\n      columnNumber: 41\n    }\n  }))), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"text-green-500 font-medium\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 736,\n      columnNumber: 33\n    }\n  }, \"85 \"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"text-500\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 737,\n      columnNumber: 33\n    }\n  }, \"responded\")))))), /*#__PURE__*/React.createElement(BlockViewer, {\n    header: \"Sign-In\",\n    code: block8,\n    containerClassName: \"surface-ground px-4 py-8 md:px-6 lg:px-8 flex align-items-center justify-content-center\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 744,\n      columnNumber: 13\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"surface-card p-4 shadow-2 border-round w-full lg:w-6\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 745,\n      columnNumber: 17\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-center mb-5\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 746,\n      columnNumber: 21\n    }\n  }, /*#__PURE__*/React.createElement(\"img\", {\n    src: \"images/blocks/logos/hyper.svg\",\n    alt: \"hyper\",\n    height: \"50\",\n    className: \"mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 747,\n      columnNumber: 25\n    }\n  }), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-900 text-3xl font-medium mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 748,\n      columnNumber: 25\n    }\n  }, \"Welcome Back\"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"text-600 font-medium line-height-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 749,\n      columnNumber: 25\n    }\n  }, \"Don't have an account?\"), /*#__PURE__*/React.createElement(\"button\", {\n    className: \"p-link font-medium no-underline ml-2 text-blue-500 cursor-pointer\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 750,\n      columnNumber: 25\n    }\n  }, \"Create today!\")), /*#__PURE__*/React.createElement(\"div\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 753,\n      columnNumber: 21\n    }\n  }, /*#__PURE__*/React.createElement(\"label\", {\n    htmlFor: \"email1\",\n    className: \"block text-900 font-medium mb-2\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 754,\n      columnNumber: 25\n    }\n  }, \"Email\"), /*#__PURE__*/React.createElement(InputText, {\n    id: \"email1\",\n    type: \"text\",\n    className: \"w-full mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 755,\n      columnNumber: 25\n    }\n  }), /*#__PURE__*/React.createElement(\"label\", {\n    htmlFor: \"password1\",\n    className: \"block text-900 font-medium mb-2\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 757,\n      columnNumber: 25\n    }\n  }, \"Password\"), /*#__PURE__*/React.createElement(InputText, {\n    id: \"password1\",\n    type: \"password\",\n    className: \"w-full mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 758,\n      columnNumber: 25\n    }\n  }), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"flex align-items-center justify-content-between mb-6\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 760,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"flex align-items-center\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 761,\n      columnNumber: 29\n    }\n  }, /*#__PURE__*/React.createElement(Checkbox, {\n    inputId: \"rememberme1\",\n    binary: true,\n    className: \"mr-2\",\n    onChange: function onChange(e) {\n      return setChecked(e.checked);\n    },\n    checked: checked,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 762,\n      columnNumber: 33\n    }\n  }), /*#__PURE__*/React.createElement(\"label\", {\n    htmlFor: \"rememberme1\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 763,\n      columnNumber: 33\n    }\n  }, \"Remember me\")), /*#__PURE__*/React.createElement(\"button\", {\n    className: \"p-link font-medium no-underline ml-2 text-blue-500 text-right cursor-pointer\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 765,\n      columnNumber: 29\n    }\n  }, \"Forgot password?\")), /*#__PURE__*/React.createElement(Button, {\n    label: \"Sign In\",\n    icon: \"pi pi-user\",\n    className: \"w-full\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 768,\n      columnNumber: 25\n    }\n  })))), /*#__PURE__*/React.createElement(BlockViewer, {\n    header: \"Description List\",\n    code: block9,\n    containerClassName: \"surface-section px-4 py-8 md:px-6 lg:px-8\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 773,\n      columnNumber: 13\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"surface-section\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 774,\n      columnNumber: 17\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"font-medium text-3xl text-900 mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 775,\n      columnNumber: 21\n    }\n  }, \"Movie Information\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-500 mb-5\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 776,\n      columnNumber: 21\n    }\n  }, \"Morbi tristique blandit turpis. In viverra ligula id nulla hendrerit rutrum.\"), /*#__PURE__*/React.createElement(\"ul\", {\n    className: \"list-none p-0 m-0\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 777,\n      columnNumber: 21\n    }\n  }, /*#__PURE__*/React.createElement(\"li\", {\n    className: \"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 778,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-500 w-6 md:w-2 font-medium\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 779,\n      columnNumber: 29\n    }\n  }, \"Title\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 780,\n      columnNumber: 29\n    }\n  }, \"Heat\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"w-6 md:w-2 flex justify-content-end\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 781,\n      columnNumber: 29\n    }\n  }, /*#__PURE__*/React.createElement(Button, {\n    label: \"Edit\",\n    icon: \"pi pi-pencil\",\n    className: \"p-button-text\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 782,\n      columnNumber: 33\n    }\n  }))), /*#__PURE__*/React.createElement(\"li\", {\n    className: \"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 785,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-500 w-6 md:w-2 font-medium\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 786,\n      columnNumber: 29\n    }\n  }, \"Genre\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 787,\n      columnNumber: 29\n    }\n  }, /*#__PURE__*/React.createElement(Chip, {\n    label: \"Crime\",\n    className: \"mr-2\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 788,\n      columnNumber: 33\n    }\n  }), /*#__PURE__*/React.createElement(Chip, {\n    label: \"Drama\",\n    className: \"mr-2\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 789,\n      columnNumber: 33\n    }\n  }), /*#__PURE__*/React.createElement(Chip, {\n    label: \"Thriller\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 790,\n      columnNumber: 33\n    }\n  })), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"w-6 md:w-2 flex justify-content-end\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 792,\n      columnNumber: 29\n    }\n  }, /*#__PURE__*/React.createElement(Button, {\n    label: \"Edit\",\n    icon: \"pi pi-pencil\",\n    className: \"p-button-text\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 793,\n      columnNumber: 33\n    }\n  }))), /*#__PURE__*/React.createElement(\"li\", {\n    className: \"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 796,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-500 w-6 md:w-2 font-medium\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 797,\n      columnNumber: 29\n    }\n  }, \"Director\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 798,\n      columnNumber: 29\n    }\n  }, \"Michael Mann\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"w-6 md:w-2 flex justify-content-end\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 799,\n      columnNumber: 29\n    }\n  }, /*#__PURE__*/React.createElement(Button, {\n    label: \"Edit\",\n    icon: \"pi pi-pencil\",\n    className: \"p-button-text\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 800,\n      columnNumber: 33\n    }\n  }))), /*#__PURE__*/React.createElement(\"li\", {\n    className: \"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 803,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-500 w-6 md:w-2 font-medium\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 804,\n      columnNumber: 29\n    }\n  }, \"Actors\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 805,\n      columnNumber: 29\n    }\n  }, \"Robert De Niro, Al Pacino\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"w-6 md:w-2 flex justify-content-end\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 806,\n      columnNumber: 29\n    }\n  }, /*#__PURE__*/React.createElement(Button, {\n    label: \"Edit\",\n    icon: \"pi pi-pencil\",\n    className: \"p-button-text\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 807,\n      columnNumber: 33\n    }\n  }))), /*#__PURE__*/React.createElement(\"li\", {\n    className: \"flex align-items-center py-3 px-2 border-top-1 border-bottom-1 surface-border flex-wrap\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 810,\n      columnNumber: 25\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-500 w-6 md:w-2 font-medium\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 811,\n      columnNumber: 29\n    }\n  }, \"Plot\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-900 w-full md:w-8 md:flex-order-0 flex-order-1 line-height-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 812,\n      columnNumber: 29\n    }\n  }, \"A group of professional bank robbers start to feel the heat from police when they unknowingly leave a clue at their latest heist.\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"w-6 md:w-2 flex justify-content-end\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 815,\n      columnNumber: 29\n    }\n  }, /*#__PURE__*/React.createElement(Button, {\n    label: \"Edit\",\n    icon: \"pi pi-pencil\",\n    className: \"p-button-text\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 816,\n      columnNumber: 33\n    }\n  })))))), /*#__PURE__*/React.createElement(BlockViewer, {\n    header: \"Card\",\n    code: block10,\n    containerClassName: \"px-4 py-8 md:px-6 lg:px-8\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 823,\n      columnNumber: 13\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"surface-card p-4 shadow-2 border-round\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 824,\n      columnNumber: 17\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"text-3xl font-medium text-900 mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 825,\n      columnNumber: 21\n    }\n  }, \"Card Title\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"font-medium text-500 mb-3\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 826,\n      columnNumber: 21\n    }\n  }, \"Vivamus id nisl interdum, blandit augue sit amet, eleifend mi.\"), /*#__PURE__*/React.createElement(\"div\", {\n    style: {\n      height: '150px'\n    },\n    className: \"border-2 border-dashed surface-border\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 827,\n      columnNumber: 21\n    }\n  }))));\n};\n\nvar comparisonFn = function comparisonFn(prevProps, nextProps) {\n  return prevProps.location.pathname === nextProps.location.pathname;\n};\n\nexport default React.memo(BlocksDemo, comparisonFn);","map":{"version":3,"names":["React","useState","Button","Chip","InputText","Checkbox","BlockViewer","BlocksDemo","checked","setChecked","block1","block2","block3","block4","block5","block6","block7","block8","block9","block10","clipPath","borderRadius","width","height","e","comparisonFn","prevProps","nextProps","location","pathname","memo"],"sources":["/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/src/components/BlocksDemo.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { Button } from 'primereact/button';\nimport { Chip } from 'primereact/chip';\nimport { InputText } from 'primereact/inputtext';\nimport { Checkbox } from 'primereact/checkbox';\nimport BlockViewer from '../BlockViewer';\n\nconst BlocksDemo = () => {\n    const [checked, setChecked] = useState(false);\n\n    const block1 = `\n<div className=\"grid grid-nogutter surface-section text-800\">\n    <div className=\"col-12 md:col-6 p-6 text-center md:text-left flex align-items-center \">\n        <section>\n            <span className=\"block text-6xl font-bold mb-1\">Create the screens your</span>\n            <div className=\"text-6xl text-primary font-bold mb-3\">your visitors deserve to see</div>\n            <p className=\"mt-0 mb-4 text-700 line-height-3\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n\n            <Button label=\"Learn More\" type=\"button\" className=\"mr-3 p-button-raised\"></Button>\n            <Button label=\"Live Demo\" type=\"button\" className=\"p-button-outlined\"></Button>\n        </section>\n    </div>\n    <div className=\"col-12 md:col-6 overflow-hidden\">\n        <img src=\"images/blocks/hero/hero-1.png\" alt=\"hero-1\" className=\"md:ml-auto block md:h-full\" style={{ clipPath: 'polygon(8% 0, 100% 0%, 100% 100%, 0 100%)' }} />\n    </div>\n</div>\n    `;\n\n    const block2 = `\n<div className=\"surface-section px-4 py-8 md:px-6 lg:px-8 text-center\">\n    <div className=\"mb-3 font-bold text-2xl\">\n        <span className=\"text-900\">One Product, </span>\n        <span className=\"text-blue-600\">Many Solutions</span>\n    </div>\n    <div className=\"text-700 text-sm mb-6\">Ac turpis egestas maecenas pharetra convallis posuere morbi leo urna.</div>\n    <div className=\"grid\">\n        <div className=\"col-12 md:col-4 mb-4 px-5\">\n            <span className=\"p-3 shadow-2 mb-3 inline-block surface-card\" style={{ borderRadius: '10px' }}>\n                <i className=\"pi pi-desktop text-4xl text-blue-500\"></i>\n            </span>\n            <div className=\"text-900 mb-3 font-medium\">Built for Developers</div>\n            <span className=\"text-700 text-sm line-height-3\">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</span>\n        </div>\n        <div className=\"col-12 md:col-4 mb-4 px-5\">\n            <span className=\"p-3 shadow-2 mb-3 inline-block surface-card\" style={{ borderRadius: '10px' }}>\n                <i className=\"pi pi-lock text-4xl text-blue-500\"></i>\n            </span>\n            <div className=\"text-900 mb-3 font-medium\">End-to-End Encryption</div>\n            <span className=\"text-700 text-sm line-height-3\">Risus nec feugiat in fermentum posuere urna nec. Posuere sollicitudin aliquam ultrices sagittis.</span>\n        </div>\n        <div className=\"col-12 md:col-4 mb-4 px-5\">\n            <span className=\"p-3 shadow-2 mb-3 inline-block surface-card\" style={{ borderRadius: '10px' }}>\n                <i className=\"pi pi-check-circle text-4xl text-blue-500\"></i>\n            </span>\n            <div className=\"text-900 mb-3 font-medium\">Easy to Use</div>\n            <span className=\"text-700 text-sm line-height-3\">Ornare suspendisse sed nisi lacus sed viverra tellus. Neque volutpat ac tincidunt vitae semper.</span>\n        </div>\n        <div className=\"col-12 md:col-4 mb-4 px-5\">\n            <span className=\"p-3 shadow-2 mb-3 inline-block surface-card\" style={{ borderRadius: '10px' }}>\n                <i className=\"pi pi-globe text-4xl text-blue-500\"></i>\n            </span>\n            <div className=\"text-900 mb-3 font-medium\">Fast & Global Support</div>\n            <span className=\"text-700 text-sm line-height-3\">Fermentum et sollicitudin ac orci phasellus egestas tellus rutrum tellus.</span>\n        </div>\n        <div className=\"col-12 md:col-4 mb-4 px-5\">\n            <span className=\"p-3 shadow-2 mb-3 inline-block surface-card\" style={{ borderRadius: '10px' }}>\n                <i className=\"pi pi-github text-4xl text-blue-500\"></i>\n            </span>\n            <div className=\"text-900 mb-3 font-medium\">Open Source</div>\n            <span className=\"text-700 text-sm line-height-3\">Nec tincidunt praesent semper feugiat. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. </span>\n        </div>\n        <div className=\"col-12 md:col-4 md:mb-4 mb-0 px-3\">\n            <span className=\"p-3 shadow-2 mb-3 inline-block surface-card\" style={{ borderRadius: '10px' }}>\n                <i className=\"pi pi-shield text-4xl text-blue-500\"></i>\n            </span>\n            <div className=\"text-900 mb-3 font-medium\">Trusted Securitty</div>\n            <span className=\"text-700 text-sm line-height-3\">Mattis rhoncus urna neque viverra justo nec ultrices. Id cursus metus aliquam eleifend.</span>\n        </div>\n    </div>\n</div>\n    `;\n\n    const block3 = `\n<div className=\"surface-ground px-4 py-8 md:px-6 lg:px-8\">\n    <div className=\"text-900 font-bold text-6xl mb-4 text-center\">Pricing Plans</div>\n    <div className=\"text-700 text-xl mb-6 text-center line-height-3\">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit numquam eligendi quos.</div>\n\n    <div className=\"grid\">\n        <div className=\"col-12 lg:col-4\">\n            <div className=\"p-3 h-full\">\n                <div className=\"shadow-2 p-3 h-full flex flex-column surface-card\" style={{ borderRadius: '6px' }}>\n                    <div className=\"text-900 font-medium text-xl mb-2\">Basic</div>\n                    <div className=\"text-600\">Plan description</div>\n                    <hr className=\"my-3 mx-0 border-top-1 border-none surface-border\" />\n                    <div className=\"flex align-items-center\">\n                        <span className=\"font-bold text-2xl text-900\">$9</span>\n                        <span className=\"ml-2 font-medium text-600\">per month</span>\n                    </div>\n                    <hr className=\"my-3 mx-0 border-top-1 border-none surface-border\" />\n                    <ul className=\"list-none p-0 m-0 flex-grow-1\">\n                        <li className=\"flex align-items-center mb-3\">\n                            <i className=\"pi pi-check-circle text-green-500 mr-2\"></i>\n                            <span>Arcu vitae elementum</span>\n                        </li>\n                        <li className=\"flex align-items-center mb-3\">\n                            <i className=\"pi pi-check-circle text-green-500 mr-2\"></i>\n                            <span>Dui faucibus in ornare</span>\n                        </li>\n                        <li className=\"flex align-items-center mb-3\">\n                            <i className=\"pi pi-check-circle text-green-500 mr-2\"></i>\n                            <span>Morbi tincidunt augue</span>\n                        </li>\n                    </ul>\n                    <hr className=\"mb-3 mx-0 border-top-1 border-none surface-border mt-auto\" />\n                    <Button label=\"Buy Now\" className=\"p-3 w-full mt-auto\"></Button>\n                </div>\n            </div>\n        </div>\n\n        <div className=\"col-12 lg:col-4\">\n            <div className=\"p-3 h-full\">\n                <div className=\"shadow-2 p-3 h-full flex flex-column surface-card\" style={{ borderRadius: '6px' }}>\n                    <div className=\"text-900 font-medium text-xl mb-2\">Premium</div>\n                    <div className=\"text-600\">Plan description</div>\n                    <hr className=\"my-3 mx-0 border-top-1 border-none surface-border\" />\n                    <div className=\"flex align-items-center\">\n                        <span className=\"font-bold text-2xl text-900\">$29</span>\n                        <span className=\"ml-2 font-medium text-600\">per month</span>\n                    </div>\n                    <hr className=\"my-3 mx-0 border-top-1 border-none surface-border\" />\n                    <ul className=\"list-none p-0 m-0 flex-grow-1\">\n                        <li className=\"flex align-items-center mb-3\">\n                            <i className=\"pi pi-check-circle text-green-500 mr-2\"></i>\n                            <span>Arcu vitae elementum</span>\n                        </li>\n                        <li className=\"flex align-items-center mb-3\">\n                            <i className=\"pi pi-check-circle text-green-500 mr-2\"></i>\n                            <span>Dui faucibus in ornare</span>\n                        </li>\n                        <li className=\"flex align-items-center mb-3\">\n                            <i className=\"pi pi-check-circle text-green-500 mr-2\"></i>\n                            <span>Morbi tincidunt augue</span>\n                        </li>\n                        <li className=\"flex align-items-center mb-3\">\n                            <i className=\"pi pi-check-circle text-green-500 mr-2\"></i>\n                            <span>Duis ultricies lacus sed</span>\n                        </li>\n                    </ul>\n                    <hr className=\"mb-3 mx-0 border-top-1 border-none surface-border\" />\n                    <Button label=\"Buy Now\" className=\"p-3 w-full\"></Button>\n                </div>\n            </div>\n        </div>\n\n        <div className=\"col-12 lg:col-4\">\n            <div className=\"p-3 h-full\">\n                <div className=\"shadow-2 p-3 flex flex-column surface-card\" style={{ borderRadius: '6px' }}>\n                    <div className=\"text-900 font-medium text-xl mb-2\">Enterprise</div>\n                    <div className=\"text-600\">Plan description</div>\n                    <hr className=\"my-3 mx-0 border-top-1 border-none surface-border\" />\n                    <div className=\"flex align-items-center\">\n                        <span className=\"font-bold text-2xl text-900\">$49</span>\n                        <span className=\"ml-2 font-medium text-600\">per month</span>\n                    </div>\n                    <hr className=\"my-3 mx-0 border-top-1 border-none surface-border\" />\n                    <ul className=\"list-none p-0 m-0 flex-grow-1\">\n                        <li className=\"flex align-items-center mb-3\">\n                            <i className=\"pi pi-check-circle text-green-500 mr-2\"></i>\n                            <span>Arcu vitae elementum</span>\n                        </li>\n                        <li className=\"flex align-items-center mb-3\">\n                            <i className=\"pi pi-check-circle text-green-500 mr-2\"></i>\n                            <span>Dui faucibus in ornare</span>\n                        </li>\n                        <li className=\"flex align-items-center mb-3\">\n                            <i className=\"pi pi-check-circle text-green-500 mr-2\"></i>\n                            <span>Morbi tincidunt augue</span>\n                        </li>\n                        <li className=\"flex align-items-center mb-3\">\n                            <i className=\"pi pi-check-circle text-green-500 mr-2\"></i>\n                            <span>Duis ultricies lacus sed</span>\n                        </li>\n                        <li className=\"flex align-items-center mb-3\">\n                            <i className=\"pi pi-check-circle text-green-500 mr-2\"></i>\n                            <span>Imperdiet proin</span>\n                        </li>\n                        <li className=\"flex align-items-center mb-3\">\n                            <i className=\"pi pi-check-circle text-green-500 mr-2\"></i>\n                            <span>Nisi scelerisque</span>\n                        </li>\n                    </ul>\n                    <hr className=\"mb-3 mx-0 border-top-1 border-none surface-border\" />\n                    <Button label=\"Buy Now\" className=\"p-3 w-full p-button-outlined\"></Button>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n    `;\n\n    const block4 = `\n<div className=\"surface-section px-4 py-8 md:px-6 lg:px-8\">\n    <div className=\"text-700 text-center\">\n        <div className=\"text-blue-600 font-bold mb-3\"><i className=\"pi pi-discord\"></i>&nbsp;POWERED BY DISCORD</div>\n        <div className=\"text-900 font-bold text-5xl mb-3\">Join Our Design Community</div>\n        <div className=\"text-700 text-2xl mb-5\">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit numquam eligendi quos.</div>\n        <Button label=\"Join Now\" icon=\"pi pi-discord\" className=\"font-bold px-5 py-3 p-button-raised p-button-rounded white-space-nowrap\"></Button>\n    </div>\n</div>\n    `;\n\n    const block5 = `\n<div className=\"bg-bluegray-900 text-gray-100 p-3 flex justify-content-between lg:justify-content-center align-items-center flex-wrap\">\n    <div className=\"font-bold mr-8\"><span role=\"img\" aria-label=\"fire\">🔥</span> Hot Deals!</div>\n    <div className=\"align-items-center hidden lg:flex\">\n        <span className=\"line-height-3\">Libero voluptatum atque exercitationem praesentium provident odit.</span>\n    </div>\n    <a className=\"flex align-items-center ml-2 mr-8\">\n        <span className=\"underline font-bold\">Learn More</span>\n    </a>\n    <a className=\"p-ripple flex align-items-center no-underline justify-content-center border-circle text-gray-50 hover:bg-bluegray-700 cursor-pointer transition-colors transition-duration-150 p-ripple\" style={{ width: '2rem', height: '2rem' }}>\n        <i className=\"pi pi-times\"></i>\n    </a>\n</div>\n    `;\n\n    const block6 = `\n<div className=\"surface-section px-4 py-5 md:px-6 lg:px-8\">\n    <ul className=\"list-none p-0 m-0 flex align-items-center font-medium mb-3\">\n        <li>\n            <a className=\"text-500 no-underline line-height-3 cursor-pointer\">Application</a>\n        </li>\n        <li className=\"px-2\">\n            <i className=\"pi pi-angle-right text-500 line-height-3\"></i>\n        </li>\n        <li>\n            <span className=\"text-900 line-height-3\">Analytics</span>\n        </li>\n    </ul>\n    <div className=\"flex align-items-start flex-column lg:justify-content-between lg:flex-row\">\n        <div>\n            <div className=\"font-medium text-3xl text-900\">Customers</div>\n            <div className=\"flex align-items-center text-700 flex-wrap\">\n                <div className=\"mr-5 flex align-items-center mt-3\">\n                    <i className=\"pi pi-users mr-2\"></i>\n                    <span>332 Active Users</span>\n                </div>\n                <div className=\"mr-5 flex align-items-center mt-3\">\n                    <i className=\"pi pi-globe mr-2\"></i>\n                    <span>9402 Sessions</span>\n                </div>\n                <div className=\"flex align-items-center mt-3\">\n                    <i className=\"pi pi-clock mr-2\"></i>\n                    <span>2.32m Avg. Duration</span>\n                </div>\n            </div>\n        </div>\n        <div className=\"mt-3 lg:mt-0\">\n            <Button label=\"Add\" className=\"p-button-outlined mr-2\" icon=\"pi pi-user-plus\" />\n            <Button label=\"Save\" icon=\"pi pi-check\" />\n        </div>\n    </div>\n</div>\n    `;\n\n    const block7 = `\n<div className=\"surface-ground px-4 py-5 md:px-6 lg:px-8\">\n    <div className=\"grid\">\n        <div className=\"col-12 md:col-6 lg:col-3\">\n            <div className=\"surface-card shadow-2 p-3 border-round\">\n                <div className=\"flex justify-content-between mb-3\">\n                    <div>\n                        <span className=\"block text-500 font-medium mb-3\">Orders</span>\n                        <div className=\"text-900 font-medium text-xl\">152</div>\n                    </div>\n                    <div className=\"flex align-items-center justify-content-center bg-blue-100 border-round\" style={{ width: '2.5rem', height: '2.5rem' }}>\n                        <i className=\"pi pi-shopping-cart text-blue-500 text-xl\"></i>\n                    </div>\n                </div>\n                <span className=\"text-green-500 font-medium\">24 new </span>\n                <span className=\"text-500\">since last visit</span>\n            </div>\n        </div>\n        <div className=\"col-12 md:col-6 lg:col-3\">\n            <div className=\"surface-card shadow-2 p-3 border-round\">\n                <div className=\"flex justify-content-between mb-3\">\n                    <div>\n                        <span className=\"block text-500 font-medium mb-3\">Revenue</span>\n                        <div className=\"text-900 font-medium text-xl\">$2.100</div>\n                    </div>\n                    <div className=\"flex align-items-center justify-content-center bg-orange-100 border-round\" style={{ width: '2.5rem', height: '2.5rem' }}>\n                        <i className=\"pi pi-map-marker text-orange-500 text-xl\"></i>\n                    </div>\n                </div>\n                <span className=\"text-green-500 font-medium\">%52+ </span>\n                <span className=\"text-500\">since last week</span>\n            </div>\n        </div>\n        <div className=\"col-12 md:col-6 lg:col-3\">\n            <div className=\"surface-card shadow-2 p-3 border-round\">\n                <div className=\"flex justify-content-between mb-3\">\n                    <div>\n                        <span className=\"block text-500 font-medium mb-3\">Customers</span>\n                        <div className=\"text-900 font-medium text-xl\">28441</div>\n                    </div>\n                    <div className=\"flex align-items-center justify-content-center bg-cyan-100 border-round\" style={{ width: '2.5rem', height: '2.5rem' }}>\n                        <i className=\"pi pi-inbox text-cyan-500 text-xl\"></i>\n                    </div>\n                </div>\n                <span className=\"text-green-500 font-medium\">520  </span>\n                <span className=\"text-500\">newly registered</span>\n            </div>\n        </div>\n        <div className=\"col-12 md:col-6 lg:col-3\">\n            <div className=\"surface-card shadow-2 p-3 border-round\">\n                <div className=\"flex justify-content-between mb-3\">\n                    <div>\n                        <span className=\"block text-500 font-medium mb-3\">Comments</span>\n                        <div className=\"text-900 font-medium text-xl\">152 Unread</div>\n                    </div>\n                    <div className=\"flex align-items-center justify-content-center bg-purple-100 border-round\" style={{ width: '2.5rem', height: '2.5rem' }}>\n                        <i className=\"pi pi-comment text-purple-500 text-xl\"></i>\n                    </div>\n                </div>\n                <span className=\"text-green-500 font-medium\">85 </span>\n                <span className=\"text-500\">responded</span>\n            </div>\n        </div>\n    </div>\n</div>\n    `;\n\n    const block8 = `\n<div className=\"surface-card p-4 shadow-2 border-round w-full lg:w-6\">\n    <div className=\"text-center mb-5\">\n        <img src=\"images/blocks/logos/hyper.svg\" alt=\"hyper\" height=\"50\" className=\"mb-3\" />\n        <div className=\"text-900 text-3xl font-medium mb-3\">Welcome Back</div>\n        <span className=\"text-600 font-medium line-height-3\">Don't have an account?</span>\n        <a className=\"font-medium no-underline ml-2 text-blue-500 cursor-pointer\">Create today!</a>\n    </div>\n\n    <div>\n        <label htmlFor=\"email1\" className=\"block text-900 font-medium mb-2\">Email</label>\n        <InputText id=\"email1\" type=\"text\" className=\"w-full mb-3\" />\n\n        <label htmlFor=\"password1\" className=\"block text-900 font-medium mb-2\">Password</label>\n        <InputText id=\"password1\" type=\"password\" className=\"w-full mb-3\" />\n\n        <div className=\"flex align-items-center justify-content-between mb-6\">\n            <div className=\"flex align-items-center\">\n                <Checkbox inputId=\"rememberme1\" binary className=\"mr-2\" onChange={e => setChecked(e.checked)} checked={checked} />\n                <label htmlFor=\"rememberme1\">Remember me</label>\n            </div>\n            <a className=\"font-medium no-underline ml-2 text-blue-500 text-right cursor-pointer\">Forgot password?</a>\n        </div>\n\n        <Button label=\"Sign In\" icon=\"pi pi-user\" className=\"w-full\" />\n    </div>\n</div>\n    `;\n\n    const block9 = `\n<div className=\"surface-section\">\n    <div className=\"font-medium text-3xl text-900 mb-3\">Movie Information</div>\n    <div className=\"text-500 mb-5\">Morbi tristique blandit turpis. In viverra ligula id nulla hendrerit rutrum.</div>\n    <ul className=\"list-none p-0 m-0\">\n        <li className=\"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\">\n            <div className=\"text-500 w-6 md:w-2 font-medium\">Title</div>\n            <div className=\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\">Heat</div>\n            <div className=\"w-6 md:w-2 flex justify-content-end\">\n                <Button label=\"Edit\" icon=\"pi pi-pencil\" className=\"p-button-text\" />\n            </div>\n        </li>\n        <li className=\"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\">\n            <div className=\"text-500 w-6 md:w-2 font-medium\">Genre</div>\n            <div className=\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\">\n                <Chip label=\"Crime\" className=\"mr-2\"></Chip>\n                <Chip label=\"Drama\" className=\"mr-2\"></Chip>\n                <Chip label=\"Thriller\"></Chip>\n            </div>\n            <div className=\"w-6 md:w-2 flex justify-content-end\">\n                <Button label=\"Edit\" icon=\"pi pi-pencil\" className=\"p-button-text\" />\n            </div>\n        </li>\n        <li className=\"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\">\n            <div className=\"text-500 w-6 md:w-2 font-medium\">Director</div>\n            <div className=\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\">Michael Mann</div>\n            <div className=\"w-6 md:w-2 flex justify-content-end\">\n                <Button label=\"Edit\" icon=\"pi pi-pencil\" className=\"p-button-text\" />\n            </div>\n        </li>\n        <li className=\"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\">\n            <div className=\"text-500 w-6 md:w-2 font-medium\">Actors</div>\n            <div className=\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\">Robert De Niro, Al Pacino</div>\n            <div className=\"w-6 md:w-2 flex justify-content-end\">\n                <Button label=\"Edit\" icon=\"pi pi-pencil\" className=\"p-button-text\" />\n            </div>\n        </li>\n        <li className=\"flex align-items-center py-3 px-2 border-top-1 border-bottom-1 surface-border flex-wrap\">\n            <div className=\"text-500 w-6 md:w-2 font-medium\">Plot</div>\n            <div className=\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1 line-height-3\">\n                A group of professional bank robbers start to feel the heat from police\n                when they unknowingly leave a clue at their latest heist.</div>\n            <div className=\"w-6 md:w-2 flex justify-content-end\">\n                <Button label=\"Edit\" icon=\"pi pi-pencil\" className=\"p-button-text\" />\n            </div>\n        </li>\n    </ul>\n</div>\n    `;\n\n    const block10 = `\n<div className=\"surface-card p-4 shadow-2 border-round\">\n    <div className=\"text-3xl font-medium text-900 mb-3\">Card Title</div>\n    <div className=\"font-medium text-500 mb-3\">Vivamus id nisl interdum, blandit augue sit amet, eleifend mi.</div>\n    <div style={{ height: '150px' }} className=\"border-2 border-dashed surface-border\"></div>\n</div>\n    `;\n\n    return (\n        <>\n            <BlockViewer header=\"Hero\" code={block1}>\n                <div className=\"grid grid-nogutter surface-section text-800\">\n                    <div className=\"col-12 md:col-6 p-6 text-center md:text-left flex align-items-center \">\n                        <section>\n                            <span className=\"block text-6xl font-bold mb-1\">Create the screens your</span>\n                            <div className=\"text-6xl text-primary font-bold mb-3\">your visitors deserve to see</div>\n                            <p className=\"mt-0 mb-4 text-700 line-height-3\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n\n                            <Button label=\"Learn More\" type=\"button\" className=\"mr-3 p-button-raised\"></Button>\n                            <Button label=\"Live Demo\" type=\"button\" className=\"p-button-outlined\"></Button>\n                        </section>\n                    </div>\n                    <div className=\"col-12 md:col-6 overflow-hidden\">\n                        <img src=\"images/blocks/hero/hero-1.png\" alt=\"hero-1\" className=\"md:ml-auto block md:h-full\" style={{ clipPath: 'polygon(8% 0, 100% 0%, 100% 100%, 0 100%)' }} />\n                    </div>\n                </div>\n            </BlockViewer>\n\n            <BlockViewer header=\"Feature\" code={block2}>\n                <div className=\"surface-section px-4 py-8 md:px-6 lg:px-8 text-center\">\n                    <div className=\"mb-3 font-bold text-2xl\">\n                        <span className=\"text-900\">One Product, </span>\n                        <span className=\"text-blue-600\">Many Solutions</span>\n                    </div>\n                    <div className=\"text-700 text-sm mb-6\">Ac turpis egestas maecenas pharetra convallis posuere morbi leo urna.</div>\n                    <div className=\"grid\">\n                        <div className=\"col-12 md:col-4 mb-4 px-5\">\n                            <span className=\"p-3 shadow-2 mb-3 inline-block surface-card\" style={{ borderRadius: '10px' }}>\n                                <i className=\"pi pi-desktop text-4xl text-blue-500\"></i>\n                            </span>\n                            <div className=\"text-900 mb-3 font-medium\">Built for Developers</div>\n                            <span className=\"text-700 text-sm line-height-3\">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</span>\n                        </div>\n                        <div className=\"col-12 md:col-4 mb-4 px-5\">\n                            <span className=\"p-3 shadow-2 mb-3 inline-block surface-card\" style={{ borderRadius: '10px' }}>\n                                <i className=\"pi pi-lock text-4xl text-blue-500\"></i>\n                            </span>\n                            <div className=\"text-900 mb-3 font-medium\">End-to-End Encryption</div>\n                            <span className=\"text-700 text-sm line-height-3\">Risus nec feugiat in fermentum posuere urna nec. Posuere sollicitudin aliquam ultrices sagittis.</span>\n                        </div>\n                        <div className=\"col-12 md:col-4 mb-4 px-5\">\n                            <span className=\"p-3 shadow-2 mb-3 inline-block surface-card\" style={{ borderRadius: '10px' }}>\n                                <i className=\"pi pi-check-circle text-4xl text-blue-500\"></i>\n                            </span>\n                            <div className=\"text-900 mb-3 font-medium\">Easy to Use</div>\n                            <span className=\"text-700 text-sm line-height-3\">Ornare suspendisse sed nisi lacus sed viverra tellus. Neque volutpat ac tincidunt vitae semper.</span>\n                        </div>\n                        <div className=\"col-12 md:col-4 mb-4 px-5\">\n                            <span className=\"p-3 shadow-2 mb-3 inline-block surface-card\" style={{ borderRadius: '10px' }}>\n                                <i className=\"pi pi-globe text-4xl text-blue-500\"></i>\n                            </span>\n                            <div className=\"text-900 mb-3 font-medium\">Fast & Global Support</div>\n                            <span className=\"text-700 text-sm line-height-3\">Fermentum et sollicitudin ac orci phasellus egestas tellus rutrum tellus.</span>\n                        </div>\n                        <div className=\"col-12 md:col-4 mb-4 px-5\">\n                            <span className=\"p-3 shadow-2 mb-3 inline-block surface-card\" style={{ borderRadius: '10px' }}>\n                                <i className=\"pi pi-github text-4xl text-blue-500\"></i>\n                            </span>\n                            <div className=\"text-900 mb-3 font-medium\">Open Source</div>\n                            <span className=\"text-700 text-sm line-height-3\">Nec tincidunt praesent semper feugiat. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. </span>\n                        </div>\n                        <div className=\"col-12 md:col-4 md:mb-4 mb-0 px-3\">\n                            <span className=\"p-3 shadow-2 mb-3 inline-block surface-card\" style={{ borderRadius: '10px' }}>\n                                <i className=\"pi pi-shield text-4xl text-blue-500\"></i>\n                            </span>\n                            <div className=\"text-900 mb-3 font-medium\">Trusted Securitty</div>\n                            <span className=\"text-700 text-sm line-height-3\">Mattis rhoncus urna neque viverra justo nec ultrices. Id cursus metus aliquam eleifend.</span>\n                        </div>\n                    </div>\n                </div>\n            </BlockViewer>\n\n            <BlockViewer header=\"Pricing\" code={block3}>\n                <div className=\"surface-ground px-4 py-8 md:px-6 lg:px-8\">\n                    <div className=\"text-900 font-bold text-6xl mb-4 text-center\">Pricing Plans</div>\n                    <div className=\"text-700 text-xl mb-6 text-center line-height-3\">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit numquam eligendi quos.</div>\n\n                    <div className=\"grid\">\n                        <div className=\"col-12 lg:col-4\">\n                            <div className=\"p-3 h-full\">\n                                <div className=\"shadow-2 p-3 h-full flex flex-column surface-card\" style={{ borderRadius: '6px' }}>\n                                    <div className=\"text-900 font-medium text-xl mb-2\">Basic</div>\n                                    <div className=\"text-600\">Plan description</div>\n                                    <hr className=\"my-3 mx-0 border-top-1 border-none surface-border\" />\n                                    <div className=\"flex align-items-center\">\n                                        <span className=\"font-bold text-2xl text-900\">$9</span>\n                                        <span className=\"ml-2 font-medium text-600\">per month</span>\n                                    </div>\n                                    <hr className=\"my-3 mx-0 border-top-1 border-none surface-border\" />\n                                    <ul className=\"list-none p-0 m-0 flex-grow-1\">\n                                        <li className=\"flex align-items-center mb-3\">\n                                            <i className=\"pi pi-check-circle text-green-500 mr-2\"></i>\n                                            <span>Arcu vitae elementum</span>\n                                        </li>\n                                        <li className=\"flex align-items-center mb-3\">\n                                            <i className=\"pi pi-check-circle text-green-500 mr-2\"></i>\n                                            <span>Dui faucibus in ornare</span>\n                                        </li>\n                                        <li className=\"flex align-items-center mb-3\">\n                                            <i className=\"pi pi-check-circle text-green-500 mr-2\"></i>\n                                            <span>Morbi tincidunt augue</span>\n                                        </li>\n                                    </ul>\n                                    <hr className=\"mb-3 mx-0 border-top-1 border-none surface-border mt-auto\" />\n                                    <Button label=\"Buy Now\" className=\"p-3 w-full mt-auto\"></Button>\n                                </div>\n                            </div>\n                        </div>\n\n                        <div className=\"col-12 lg:col-4\">\n                            <div className=\"p-3 h-full\">\n                                <div className=\"shadow-2 p-3 h-full flex flex-column surface-card\" style={{ borderRadius: '6px' }}>\n                                    <div className=\"text-900 font-medium text-xl mb-2\">Premium</div>\n                                    <div className=\"text-600\">Plan description</div>\n                                    <hr className=\"my-3 mx-0 border-top-1 border-none surface-border\" />\n                                    <div className=\"flex align-items-center\">\n                                        <span className=\"font-bold text-2xl text-900\">$29</span>\n                                        <span className=\"ml-2 font-medium text-600\">per month</span>\n                                    </div>\n                                    <hr className=\"my-3 mx-0 border-top-1 border-none surface-border\" />\n                                    <ul className=\"list-none p-0 m-0 flex-grow-1\">\n                                        <li className=\"flex align-items-center mb-3\">\n                                            <i className=\"pi pi-check-circle text-green-500 mr-2\"></i>\n                                            <span>Arcu vitae elementum</span>\n                                        </li>\n                                        <li className=\"flex align-items-center mb-3\">\n                                            <i className=\"pi pi-check-circle text-green-500 mr-2\"></i>\n                                            <span>Dui faucibus in ornare</span>\n                                        </li>\n                                        <li className=\"flex align-items-center mb-3\">\n                                            <i className=\"pi pi-check-circle text-green-500 mr-2\"></i>\n                                            <span>Morbi tincidunt augue</span>\n                                        </li>\n                                        <li className=\"flex align-items-center mb-3\">\n                                            <i className=\"pi pi-check-circle text-green-500 mr-2\"></i>\n                                            <span>Duis ultricies lacus sed</span>\n                                        </li>\n                                    </ul>\n                                    <hr className=\"mb-3 mx-0 border-top-1 border-none surface-border\" />\n                                    <Button label=\"Buy Now\" className=\"p-3 w-full\"></Button>\n                                </div>\n                            </div>\n                        </div>\n\n                        <div className=\"col-12 lg:col-4\">\n                            <div className=\"p-3 h-full\">\n                                <div className=\"shadow-2 p-3 flex flex-column surface-card\" style={{ borderRadius: '6px' }}>\n                                    <div className=\"text-900 font-medium text-xl mb-2\">Enterprise</div>\n                                    <div className=\"text-600\">Plan description</div>\n                                    <hr className=\"my-3 mx-0 border-top-1 border-none surface-border\" />\n                                    <div className=\"flex align-items-center\">\n                                        <span className=\"font-bold text-2xl text-900\">$49</span>\n                                        <span className=\"ml-2 font-medium text-600\">per month</span>\n                                    </div>\n                                    <hr className=\"my-3 mx-0 border-top-1 border-none surface-border\" />\n                                    <ul className=\"list-none p-0 m-0 flex-grow-1\">\n                                        <li className=\"flex align-items-center mb-3\">\n                                            <i className=\"pi pi-check-circle text-green-500 mr-2\"></i>\n                                            <span>Arcu vitae elementum</span>\n                                        </li>\n                                        <li className=\"flex align-items-center mb-3\">\n                                            <i className=\"pi pi-check-circle text-green-500 mr-2\"></i>\n                                            <span>Dui faucibus in ornare</span>\n                                        </li>\n                                        <li className=\"flex align-items-center mb-3\">\n                                            <i className=\"pi pi-check-circle text-green-500 mr-2\"></i>\n                                            <span>Morbi tincidunt augue</span>\n                                        </li>\n                                        <li className=\"flex align-items-center mb-3\">\n                                            <i className=\"pi pi-check-circle text-green-500 mr-2\"></i>\n                                            <span>Duis ultricies lacus sed</span>\n                                        </li>\n                                        <li className=\"flex align-items-center mb-3\">\n                                            <i className=\"pi pi-check-circle text-green-500 mr-2\"></i>\n                                            <span>Imperdiet proin</span>\n                                        </li>\n                                        <li className=\"flex align-items-center mb-3\">\n                                            <i className=\"pi pi-check-circle text-green-500 mr-2\"></i>\n                                            <span>Nisi scelerisque</span>\n                                        </li>\n                                    </ul>\n                                    <hr className=\"mb-3 mx-0 border-top-1 border-none surface-border\" />\n                                    <Button label=\"Buy Now\" className=\"p-3 w-full p-button-outlined\"></Button>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </BlockViewer>\n\n            <BlockViewer header=\"Call to Action\" code={block4}>\n                <div className=\"surface-section px-4 py-8 md:px-6 lg:px-8\">\n                    <div className=\"text-700 text-center\">\n                        <div className=\"text-blue-600 font-bold mb-3\"><i className=\"pi pi-discord\"></i>&nbsp;POWERED BY DISCORD</div>\n                        <div className=\"text-900 font-bold text-5xl mb-3\">Join Our Design Community</div>\n                        <div className=\"text-700 text-2xl mb-5\">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit numquam eligendi quos.</div>\n                        <Button label=\"Join Now\" icon=\"pi pi-discord\" className=\"font-bold px-5 py-3 p-button-raised p-button-rounded white-space-nowrap\"></Button>\n                    </div>\n                </div>\n            </BlockViewer>\n\n            <BlockViewer header=\"Banner\" code={block5} containerClassName=\"surface-section py-8\">\n                <div className=\"bg-bluegray-900 text-gray-100 p-3 flex justify-content-between lg:justify-content-center align-items-center flex-wrap\">\n                    <div className=\"font-bold mr-8\"><span role=\"img\" aria-label=\"fire\">🔥</span> Hot Deals!</div>\n                    <div className=\"align-items-center hidden lg:flex\">\n                        <span className=\"line-height-3\">Libero voluptatum atque exercitationem praesentium provident odit.</span>\n                    </div>\n                    <button className=\"p-link flex align-items-center ml-2 mr-8\">\n                        <span className=\"underline font-bold\">Learn More</span>\n                    </button>\n                    <button className=\"p-ripple p-link flex align-items-center no-underline justify-content-center border-circle text-gray-50 hover:bg-bluegray-700 cursor-pointer transition-colors transition-duration-150 p-ripple\" style={{ width: '2rem', height: '2rem' }}>\n                        <i className=\"pi pi-times\"></i>\n                    </button>\n                </div>\n            </BlockViewer>\n\n            <BlockViewer header=\"Page Heading\" code={block6}>\n                <div className=\"surface-section px-4 py-5 md:px-6 lg:px-8\">\n                    <ul className=\"list-none p-0 m-0 flex align-items-center font-medium mb-3\">\n                        <li>\n                            <button className=\"p-link text-500 no-underline line-height-3 cursor-pointer\">Application</button>\n                        </li>\n                        <li className=\"px-2\">\n                            <i className=\"pi pi-angle-right text-500 line-height-3\"></i>\n                        </li>\n                        <li>\n                            <span className=\"text-900 line-height-3\">Analytics</span>\n                        </li>\n                    </ul>\n                    <div className=\"flex align-items-start flex-column lg:justify-content-between lg:flex-row\">\n                        <div>\n                            <div className=\"font-medium text-3xl text-900\">Customers</div>\n                            <div className=\"flex align-items-center text-700 flex-wrap\">\n                                <div className=\"mr-5 flex align-items-center mt-3\">\n                                    <i className=\"pi pi-users mr-2\"></i>\n                                    <span>332 Active Users</span>\n                                </div>\n                                <div className=\"mr-5 flex align-items-center mt-3\">\n                                    <i className=\"pi pi-globe mr-2\"></i>\n                                    <span>9402 Sessions</span>\n                                </div>\n                                <div className=\"flex align-items-center mt-3\">\n                                    <i className=\"pi pi-clock mr-2\"></i>\n                                    <span>2.32m Avg. Duration</span>\n                                </div>\n                            </div>\n                        </div>\n                        <div className=\"mt-3 lg:mt-0\">\n                            <Button label=\"Add\" className=\"p-button-outlined mr-2\" icon=\"pi pi-user-plus\" />\n                            <Button label=\"Save\" icon=\"pi pi-check\" />\n                        </div>\n                    </div>\n                </div>\n            </BlockViewer>\n\n            <BlockViewer header=\"Stats\" code={block7}>\n                <div className=\"surface-ground px-4 py-5 md:px-6 lg:px-8\">\n                    <div className=\"grid\">\n                        <div className=\"col-12 md:col-6 lg:col-3\">\n                            <div className=\"surface-card shadow-2 p-3 border-round\">\n                                <div className=\"flex justify-content-between mb-3\">\n                                    <div>\n                                        <span className=\"block text-500 font-medium mb-3\">Orders</span>\n                                        <div className=\"text-900 font-medium text-xl\">152</div>\n                                    </div>\n                                    <div className=\"flex align-items-center justify-content-center bg-blue-100 border-round\" style={{ width: '2.5rem', height: '2.5rem' }}>\n                                        <i className=\"pi pi-shopping-cart text-blue-500 text-xl\"></i>\n                                    </div>\n                                </div>\n                                <span className=\"text-green-500 font-medium\">24 new </span>\n                                <span className=\"text-500\">since last visit</span>\n                            </div>\n                        </div>\n                        <div className=\"col-12 md:col-6 lg:col-3\">\n                            <div className=\"surface-card shadow-2 p-3 border-round\">\n                                <div className=\"flex justify-content-between mb-3\">\n                                    <div>\n                                        <span className=\"block text-500 font-medium mb-3\">Revenue</span>\n                                        <div className=\"text-900 font-medium text-xl\">$2.100</div>\n                                    </div>\n                                    <div className=\"flex align-items-center justify-content-center bg-orange-100 border-round\" style={{ width: '2.5rem', height: '2.5rem' }}>\n                                        <i className=\"pi pi-map-marker text-orange-500 text-xl\"></i>\n                                    </div>\n                                </div>\n                                <span className=\"text-green-500 font-medium\">%52+ </span>\n                                <span className=\"text-500\">since last week</span>\n                            </div>\n                        </div>\n                        <div className=\"col-12 md:col-6 lg:col-3\">\n                            <div className=\"surface-card shadow-2 p-3 border-round\">\n                                <div className=\"flex justify-content-between mb-3\">\n                                    <div>\n                                        <span className=\"block text-500 font-medium mb-3\">Customers</span>\n                                        <div className=\"text-900 font-medium text-xl\">28441</div>\n                                    </div>\n                                    <div className=\"flex align-items-center justify-content-center bg-cyan-100 border-round\" style={{ width: '2.5rem', height: '2.5rem' }}>\n                                        <i className=\"pi pi-inbox text-cyan-500 text-xl\"></i>\n                                    </div>\n                                </div>\n                                <span className=\"text-green-500 font-medium\">520  </span>\n                                <span className=\"text-500\">newly registered</span>\n                            </div>\n                        </div>\n                        <div className=\"col-12 md:col-6 lg:col-3\">\n                            <div className=\"surface-card shadow-2 p-3 border-round\">\n                                <div className=\"flex justify-content-between mb-3\">\n                                    <div>\n                                        <span className=\"block text-500 font-medium mb-3\">Comments</span>\n                                        <div className=\"text-900 font-medium text-xl\">152 Unread</div>\n                                    </div>\n                                    <div className=\"flex align-items-center justify-content-center bg-purple-100 border-round\" style={{ width: '2.5rem', height: '2.5rem' }}>\n                                        <i className=\"pi pi-comment text-purple-500 text-xl\"></i>\n                                    </div>\n                                </div>\n                                <span className=\"text-green-500 font-medium\">85 </span>\n                                <span className=\"text-500\">responded</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </BlockViewer>\n\n            <BlockViewer header=\"Sign-In\" code={block8} containerClassName=\"surface-ground px-4 py-8 md:px-6 lg:px-8 flex align-items-center justify-content-center\">\n                <div className=\"surface-card p-4 shadow-2 border-round w-full lg:w-6\">\n                    <div className=\"text-center mb-5\">\n                        <img src=\"images/blocks/logos/hyper.svg\" alt=\"hyper\" height=\"50\" className=\"mb-3\" />\n                        <div className=\"text-900 text-3xl font-medium mb-3\">Welcome Back</div>\n                        <span className=\"text-600 font-medium line-height-3\">Don't have an account?</span>\n                        <button className=\"p-link font-medium no-underline ml-2 text-blue-500 cursor-pointer\">Create today!</button>\n                    </div>\n\n                    <div>\n                        <label htmlFor=\"email1\" className=\"block text-900 font-medium mb-2\">Email</label>\n                        <InputText id=\"email1\" type=\"text\" className=\"w-full mb-3\" />\n\n                        <label htmlFor=\"password1\" className=\"block text-900 font-medium mb-2\">Password</label>\n                        <InputText id=\"password1\" type=\"password\" className=\"w-full mb-3\" />\n\n                        <div className=\"flex align-items-center justify-content-between mb-6\">\n                            <div className=\"flex align-items-center\">\n                                <Checkbox inputId=\"rememberme1\" binary className=\"mr-2\" onChange={e => setChecked(e.checked)} checked={checked} />\n                                <label htmlFor=\"rememberme1\">Remember me</label>\n                            </div>\n                            <button className=\"p-link font-medium no-underline ml-2 text-blue-500 text-right cursor-pointer\">Forgot password?</button>\n                        </div>\n\n                        <Button label=\"Sign In\" icon=\"pi pi-user\" className=\"w-full\" />\n                    </div>\n                </div>\n            </BlockViewer>\n\n            <BlockViewer header=\"Description List\" code={block9} containerClassName=\"surface-section px-4 py-8 md:px-6 lg:px-8\">\n                <div className=\"surface-section\">\n                    <div className=\"font-medium text-3xl text-900 mb-3\">Movie Information</div>\n                    <div className=\"text-500 mb-5\">Morbi tristique blandit turpis. In viverra ligula id nulla hendrerit rutrum.</div>\n                    <ul className=\"list-none p-0 m-0\">\n                        <li className=\"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\">\n                            <div className=\"text-500 w-6 md:w-2 font-medium\">Title</div>\n                            <div className=\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\">Heat</div>\n                            <div className=\"w-6 md:w-2 flex justify-content-end\">\n                                <Button label=\"Edit\" icon=\"pi pi-pencil\" className=\"p-button-text\" />\n                            </div>\n                        </li>\n                        <li className=\"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\">\n                            <div className=\"text-500 w-6 md:w-2 font-medium\">Genre</div>\n                            <div className=\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\">\n                                <Chip label=\"Crime\" className=\"mr-2\"></Chip>\n                                <Chip label=\"Drama\" className=\"mr-2\"></Chip>\n                                <Chip label=\"Thriller\"></Chip>\n                            </div>\n                            <div className=\"w-6 md:w-2 flex justify-content-end\">\n                                <Button label=\"Edit\" icon=\"pi pi-pencil\" className=\"p-button-text\" />\n                            </div>\n                        </li>\n                        <li className=\"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\">\n                            <div className=\"text-500 w-6 md:w-2 font-medium\">Director</div>\n                            <div className=\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\">Michael Mann</div>\n                            <div className=\"w-6 md:w-2 flex justify-content-end\">\n                                <Button label=\"Edit\" icon=\"pi pi-pencil\" className=\"p-button-text\" />\n                            </div>\n                        </li>\n                        <li className=\"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\">\n                            <div className=\"text-500 w-6 md:w-2 font-medium\">Actors</div>\n                            <div className=\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\">Robert De Niro, Al Pacino</div>\n                            <div className=\"w-6 md:w-2 flex justify-content-end\">\n                                <Button label=\"Edit\" icon=\"pi pi-pencil\" className=\"p-button-text\" />\n                            </div>\n                        </li>\n                        <li className=\"flex align-items-center py-3 px-2 border-top-1 border-bottom-1 surface-border flex-wrap\">\n                            <div className=\"text-500 w-6 md:w-2 font-medium\">Plot</div>\n                            <div className=\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1 line-height-3\">\n                                A group of professional bank robbers start to feel the heat from police\n                                when they unknowingly leave a clue at their latest heist.</div>\n                            <div className=\"w-6 md:w-2 flex justify-content-end\">\n                                <Button label=\"Edit\" icon=\"pi pi-pencil\" className=\"p-button-text\" />\n                            </div>\n                        </li>\n                    </ul>\n                </div>\n            </BlockViewer>\n\n            <BlockViewer header=\"Card\" code={block10} containerClassName=\"px-4 py-8 md:px-6 lg:px-8\">\n                <div className=\"surface-card p-4 shadow-2 border-round\">\n                    <div className=\"text-3xl font-medium text-900 mb-3\">Card Title</div>\n                    <div className=\"font-medium text-500 mb-3\">Vivamus id nisl interdum, blandit augue sit amet, eleifend mi.</div>\n                    <div style={{ height: '150px' }} className=\"border-2 border-dashed surface-border\"></div>\n                </div>\n            </BlockViewer>\n        </>\n    )\n}\n\nconst comparisonFn = function (prevProps, nextProps) {\n    return prevProps.location.pathname === nextProps.location.pathname;\n};\n\nexport default React.memo(BlocksDemo, comparisonFn);"],"mappings":"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"},"metadata":{},"sourceType":"module"}