(this["webpackJsonpmaterial-app"]=this["webpackJsonpmaterial-app"]||[]).push([[16],{3818:function(e,t,n){"use strict";n.r(t);var c,i,a,r=n(8),j=n(5),s=n(1),b=n.n(s),l=n(11),o=n(15),d=n(3768),h=n.n(d),O=(n(3771),n(3772),n(3710)),x=n(2636),m=n(3689),u=n(3711),p=n(179),g=n(2536),v=n(3715),f=n(3691),B=n(48),y=n(0);const q=Object(j.e)(O.a)(c||(c=Object(r.a)(["\n  ",";\n\n  overflow: visible;\n"])),B.c),w=Object(j.e)(x.a)(B.c),k=Object(j.e)(m.a)(B.c),C=j.e.div(i||(i=Object(r.a)(["\n  .ql-editor {\n    min-height: 200px;\n  }\n"]))),E=j.e.div(a||(a=Object(r.a)(["\n  .ql-editor {\n    padding: 0;\n\n    &.ql-blank:before {\n      left: 0;\n    }\n  }\n\n  .ql-tooltip {\n    z-index: 9999;\n  }\n"])));function S(){const[e,t]=Object(s.useState)("");return Object(y.jsx)(q,{mb:6,children:Object(y.jsxs)(u.a,{children:[Object(y.jsx)(p.a,{variant:"h6",gutterBottom:!0,children:"Quill"}),Object(y.jsx)(p.a,{variant:"body2",gutterBottom:!0,children:"Modern WYSIWYG editor built for compatibility and extensibility."}),Object(y.jsx)(g.a,{mt:3,children:Object(y.jsx)(C,{children:Object(y.jsx)(h.a,{theme:"snow",value:e,onChange:t,placeholder:"Type something.."})})})]})})}function F(){const[e,t]=Object(s.useState)("");return Object(y.jsx)(q,{mb:6,children:Object(y.jsxs)(u.a,{children:[Object(y.jsx)(p.a,{variant:"h6",gutterBottom:!0,children:"Bubble"}),Object(y.jsx)(p.a,{variant:"body2",gutterBottom:!0,children:"Bubble is a simple tooltip based theme for Quill."}),Object(y.jsx)(g.a,{mt:3,children:Object(y.jsx)(E,{children:Object(y.jsx)(h.a,{theme:"bubble",value:e,onChange:t,placeholder:"Compose an epic..."})})})]})})}t.default=function(){return Object(y.jsxs)(b.a.Fragment,{children:[Object(y.jsx)(o.a,{title:"Editors"}),Object(y.jsx)(p.a,{variant:"h3",gutterBottom:!0,display:"inline",children:"Editors"}),Object(y.jsxs)(k,{"aria-label":"Breadcrumb",mt:2,children:[Object(y.jsx)(v.a,{component:l.c,to:"/",children:"Dashboard"}),Object(y.jsx)(v.a,{component:l.c,to:"/",children:"Forms"}),Object(y.jsx)(p.a,{children:"Editors"})]}),Object(y.jsx)(w,{my:6}),Object(y.jsx)(f.a,{container:!0,spacing:6,children:Object(y.jsxs)(f.a,{item:!0,xs:12,children:[Object(y.jsx)(S,{}),Object(y.jsx)(F,{})]})})]})}}}]);
//# sourceMappingURL=16.546cde7a.chunk.js.map