%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/opti/public_html/ezone-accounting.optisoft.com.ng/static/js/
Upload File :
Create Path :
Current File : /home/opti/public_html/ezone-accounting.optisoft.com.ng/static/js/209.6da4dd79.chunk.js

(this["webpackJsonpfuse-react-app"]=this["webpackJsonpfuse-react-app"]||[]).push([[209],{2672:function(e,l,a){"use strict";a.r(l);var s=a(118),c=a(163),n=a(1098),t=a(1109),i=a(1116),r=a(1090),d=a(194),j=a(1);l.default=function(){return Object(j.jsx)(c.a,{header:Object(j.jsxs)("div",{className:"flex flex-1 items-center justify-between p-12 md:p-24",children:[Object(j.jsxs)("div",{className:"flex flex-col",children:[Object(j.jsxs)("div",{className:"flex items-center mb-16",children:[Object(j.jsx)(r.a,{className:"text-18",color:"action",children:"home"}),Object(j.jsx)(r.a,{className:"text-16",color:"action",children:"chevron_right"}),Object(j.jsx)(d.a,{color:"textSecondary",className:"font-medium",children:"User Interface"})]}),Object(j.jsx)(d.a,{variant:"h6",className:"text-18 sm:text-24 font-semibold",children:"Typography"})]}),Object(j.jsxs)(n.a,{variant:"outlined",component:"a",href:"https://material-ui-next.com/style/typography/",target:"_blank",role:"button",children:[Object(j.jsx)(r.a,{children:"link"}),Object(j.jsx)("span",{className:"mx-4 hidden sm:flex",children:"Reference"})]})]}),content:Object(j.jsx)("div",{className:"p-12 md:p-24 max-w-2xl",children:Object(j.jsx)(t.a,{className:"shadow",children:Object(j.jsxs)(i.a,{children:[Object(j.jsxs)("div",{className:"flex flex-wrap mb-16",children:[Object(j.jsx)("div",{className:"flex w-full sm:w-1/2",children:Object(j.jsx)(d.a,{variant:"h1",children:"Display 4"})}),Object(j.jsx)("div",{className:"flex w-full sm:w-1/2",children:Object(j.jsx)(s.a,{component:"pre",className:"language-html w-full",children:'\n                                           <Typography variant="h1">Display 4</Typography>\n                                        '})})]}),Object(j.jsxs)("div",{className:"flex flex-wrap mb-16",children:[Object(j.jsx)("div",{className:"flex w-full sm:w-1/2",children:Object(j.jsx)(d.a,{variant:"h2",children:"Display 3"})}),Object(j.jsx)("div",{className:"flex w-full sm:w-1/2",children:Object(j.jsx)(s.a,{component:"pre",className:"language-html w-full",children:'\n                                           <Typography variant="h2">Display 3</Typography>\n                                        '})})]}),Object(j.jsxs)("div",{className:"flex flex-wrap mb-16",children:[Object(j.jsx)("div",{className:"flex w-full sm:w-1/2",children:Object(j.jsx)(d.a,{variant:"h3",children:"Display 2"})}),Object(j.jsx)("div",{className:"flex w-full sm:w-1/2",children:Object(j.jsx)(s.a,{component:"pre",className:"language-html w-full",children:'\n                                           <Typography variant="h3">Display 2</Typography>\n                                        '})})]}),Object(j.jsxs)("div",{className:"flex flex-wrap mb-16",children:[Object(j.jsx)("div",{className:"flex w-full sm:w-1/2",children:Object(j.jsx)(d.a,{variant:"h4",children:"Display 1"})}),Object(j.jsx)("div",{className:"flex w-full sm:w-1/2",children:Object(j.jsx)(s.a,{component:"pre",className:"language-html w-full",children:'\n                                           <Typography variant="h4">Display 1</Typography>\n                                        '})})]}),Object(j.jsxs)("div",{className:"flex flex-wrap mb-16",children:[Object(j.jsx)("div",{className:"flex w-full sm:w-1/2",children:Object(j.jsx)(d.a,{variant:"h5",children:"Headline"})}),Object(j.jsx)("div",{className:"flex w-full sm:w-1/2",children:Object(j.jsx)(s.a,{component:"pre",className:"language-html w-full",children:'\n                                          <Typography variant="h5">Headline</Typography>\n                                        '})})]}),Object(j.jsxs)("div",{className:"flex flex-wrap mb-16",children:[Object(j.jsx)("div",{className:"flex w-full sm:w-1/2",children:Object(j.jsx)(d.a,{variant:"h6",children:"Title"})}),Object(j.jsx)("div",{className:"flex w-full sm:w-1/2",children:Object(j.jsx)(s.a,{component:"pre",className:"language-html w-full",children:'\n                                           <Typography variant="h6">Title</Typography>\n                                        '})})]}),Object(j.jsxs)("div",{className:"flex flex-wrap mb-16",children:[Object(j.jsx)("div",{className:"flex w-full sm:w-1/2",children:Object(j.jsx)(d.a,{variant:"subtitle1",children:"Subheading"})}),Object(j.jsx)("div",{className:"flex w-full sm:w-1/2",children:Object(j.jsx)(s.a,{component:"pre",className:"language-html w-full",children:'\n                                             <Typography variant="subtitle1">Subheading</Typography>\n                                        '})})]}),Object(j.jsxs)("div",{className:"flex flex-wrap mb-16",children:[Object(j.jsx)("div",{className:"flex w-full sm:w-1/2",children:Object(j.jsx)(d.a,{variant:"body1",children:"Body 2"})}),Object(j.jsx)("div",{className:"flex w-full sm:w-1/2",children:Object(j.jsx)(s.a,{component:"pre",className:"language-html w-full",children:'\n                                            <Typography variant="body1">Body 2</Typography>\n                                        '})})]}),Object(j.jsxs)("div",{className:"flex flex-wrap mb-16",children:[Object(j.jsx)("div",{className:"flex w-full sm:w-1/2",children:Object(j.jsx)(d.a,{variant:"body2",children:"Body 1"})}),Object(j.jsx)("div",{className:"flex w-full sm:w-1/2",children:Object(j.jsx)(s.a,{component:"pre",className:"language-html w-full",children:'\n                                            <Typography variant="body2">Body 1</Typography>\n                                        '})})]}),Object(j.jsxs)("div",{className:"flex flex-wrap mb-16",children:[Object(j.jsx)("div",{className:"flex w-full sm:w-1/2",children:Object(j.jsx)(d.a,{variant:"caption",children:"Caption"})}),Object(j.jsx)("div",{className:"flex w-full sm:w-1/2",children:Object(j.jsx)(s.a,{component:"pre",className:"language-html w-full",children:'\n                                            <Typography variant="caption">Caption</Typography>\n                                        '})})]}),Object(j.jsxs)("div",{className:"flex flex-wrap mb-16",children:[Object(j.jsx)("div",{className:"flex w-full sm:w-1/2",children:Object(j.jsx)(d.a,{gutterBottom:!0,noWrap:!0,children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."})}),Object(j.jsx)("div",{className:"flex w-full sm:w-1/2",children:Object(j.jsx)(s.a,{component:"pre",className:"language-html w-full",children:"\n                                           <Typography noWrap>\n                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n                                            </Typography>\n                                        "})})]}),Object(j.jsxs)("div",{className:"flex flex-wrap mb-16",children:[Object(j.jsx)("div",{className:"flex w-full sm:w-1/2",children:Object(j.jsx)(d.a,{variant:"button",children:"Button"})}),Object(j.jsx)("div",{className:"flex w-full sm:w-1/2",children:Object(j.jsx)(s.a,{component:"pre",className:"language-html w-full",children:'\n                                             <Typography variant="button">Button</Typography>\n                                        '})})]})]})})})})}}}]);

Zerion Mini Shell 1.0