https://vectorart.ai/_next/static/chunks/pages/edit/coloring-page-cdc15fa655cf92e6.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8366],{4832:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/edit/coloring-page",function(){return a(6496)}])},6496:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return v}});var r=a(6042),l=a(9396),n=a(5893),i=a(7294),o=a(7720),s=a(1944),c=a(346),d=a(1033),m=a(9277),u=a(8886),f=a(3504),g=a(2775),h=a(5737),p=a(3193);function x(e){var t=e.image,a=e.setImage,r=e.displayImage,l=e.setDisplayImage,i=e.format;return(0,n.jsx)("div",{className:"flex h-full",children:(0,n.jsxs)("div",{className:"h-full flex flex-col items-center justify-center",children:[!t&&(0,n.jsx)(u.Z,{hideCta:!0,title:"Create a coloring page with AI",description:"Upload your image or enter a prompt to get started with the AI coloring page generator.",icon:(0,n.jsx)(f.Z,{className:"w-5 h-5 text-secondary-dark dark:text-secondary"}),iconClassName:"p-2"}),(0,n.jsx)("div",{className:"flex flex-col items-center justify-center max-h-48 my-8",children:(0,n.jsx)("img",{src:"/images/coloring-page-header-sm.png",alt:"Coloring page example",className:"w-full h-full object-contain"})}),(0,n.jsx)(w,{className:"sm:max-w-[600px] max-w-full h-full m-2 sm:mx-24 p-8 border-dashed border-4 text-xl font-medium ",format:i,setImage:a,setDisplayImage:l,displayImage:r})]})})}function w(e){var t=e.format,a=e.displayImage,r=e.setImage,l=e.setDisplayImage,i=e.className;return(0,n.jsx)(o.Z,{text:"Drop an image or enter a prompt",format:t,className:i,onDrop:function(e){var t=e[0],a=new FileReader;a.onload=function(e){var a=URL.createObjectURL(t);r(t),l(a)},a.readAsText(t)},children:a?(0,n.jsx)("div",{className:"h-full overflow-hidden flex items-center justify-center",children:(0,n.jsx)("img",{src:a,alt:"Uploaded image",className:"max-h-full object-contain overflow-hidden"})}):null})}function v(e){var t=(0,i.useContext)(m.Z).user,a=e.format,o=(0,i.useState)(null),u=o[0],f=o[1],w=(0,i.useState)(null),v=w[0],j=w[1];return(0,n.jsxs)("div",{children:[(0,n.jsxs)("div",{className:"w-full h-screen flex flex-col bg-gray-100 dark:bg-gray-950",children:[(0,n.jsx)("div",{className:"relative border-b border-gray-200 dark:border-gray-800 bg-white z-10 dark:bg-gray-900",children:(0,n.jsx)("div",{className:"container mx-auto",children:(0,n.jsx)(c.Z,(0,l.Z)((0,r.Z)({className:"secondary "},e),{supabase:d.O,user:t,highlightCreateButton:!0,title:"Create a coloring page",description:"Create a coloring page with AI",image:"/images/coloring-page-header-sm.png"}))})}),(0,n.jsx)(s.CreateLayout,{user:t,initialMode:"coloring-page",placeholder:u?"Create a coloring page from this image":"What coloring page should we create?",skipRandomPrompt:!0,initialComponent:(0,n.jsx)(x,{format:a,image:u,setImage:f,displayImage:v,setDisplayImage:j}),isExternal:!0,isSimple:!0,uploadData:u,showDownloadPng:!0,showPrint:!0})]}),(0,n.jsx)("div",{className:"container mx-auto flex flex-col items-center justify-center my-8 sm:my-32 mt-2 sm:mt-16",children:(0,n.jsx)(g.Z,{})}),(0,n.jsx)("div",{className:"container mx-auto flex flex-col items-center justify-center my-8 sm:my-16",children:(0,n.jsx)(h.Z,{})}),(0,n.jsx)(p.Z,{})]})}},5795:function(e,t,a){"use strict";var r=a(7294);let l=r.forwardRef(function({title:e,titleId:t,...a},l){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true",ref:l,"aria-labelledby":t},a),e?r.createElement("title",{id:t},e):null,r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 13.5V3.75m0 9.75a1.5 1.5 0 010 3m0-3a1.5 1.5 0 000 3m0 3.75V16.5m12-3V3.75m0 9.75a1.5 1.5 0 010 3m0-3a1.5 1.5 0 000 3m0 3.75V16.5m-6-9V3.75m0 3.75a1.5 1.5 0 010 3m0-3a1.5 1.5 0 000 3m0 9.75V10.5"}))});t.Z=l},4510:function(e,t,a){"use strict";var r=a(7294);let l=r.forwardRef(function({title:e,titleId:t,...a},l){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true",ref:l,"aria-labelledby":t},a),e?r.createElement("title",{id:t},e):null,r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z"}))});t.Z=l},311:function(e,t,a){"use strict";var r=a(7294);let l=r.forwardRef(function({title:e,titleId:t,...a},l){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true",ref:l,"aria-labelledby":t},a),e?r.createElement("title",{id:t},e):null,r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10"}))});t.Z=l},7814:function(e,t,a){"use strict";var r=a(7294);let l=r.forwardRef(function({title:e,titleId:t,...a},l){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true",ref:l,"aria-labelledby":t},a),e?r.createElement("title",{id:t},e):null,r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z"}))});t.Z=l},5083:function(e,t,a){"use strict";var r=a(7294);let l=r.forwardRef(function({title:e,titleId:t,...a},l){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true",ref:l,"aria-labelledby":t},a),e?r.createElement("title",{id:t},e):null,r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09

1L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 00-2.456 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z"}))});t.Z=l},341:function(e,t,a){"use strict";var r=a(7294);let l=r.forwardRef(function({title:e,titleId:t,...a},l){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true",ref:l,"aria-labelledby":t},a),e?r.createElement("title",{id:t},e):null,r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M4.098 19.902a3.75 3.75 0 005.304 0l6.401-6.402M6.75 21A3.75 3.75 0 013 17.25V4.125C3 3.504 3.504 3 4.125 3h5.25c.621 0 1.125.504 1.125 1.125v4.072M6.75 21a3.75 3.75 0 003.75-3.75V8.197M6.75 21h13.125c.621 0 1.125-.504 1.125-1.125v-5.25c0-.621-.504-1.125-1.125-1.125h-4.072M10.5 8.197l2.88-2.88c.438-.439 1.15-.439 1.59 0l3.712 3.713c.44.44.44 1.152 0 1.59l-2.879 2.88M6.75 17.25h.008v.008H6.75v-.008z"}))});t.Z=l},3504:function(e,t,a){"use strict";var r=a(7294);let l=r.forwardRef(function({title:e,titleId:t,...a},l){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true",ref:l,"aria-labelledby":t},a),e?r.createElement("title",{id:t},e):null,r.createElement("path",{fillRule:"evenodd",d:"M9 4.5a.75.75 0 01.721.544l.813 2.846a3.75 3.75 0 002.576 2.576l2.846.813a.75.75 0 010 1.442l-2.846.813a3.75 3.75 0 00-2.576 2.576l-.813 2.846a.75.75 0 01-1.442 0l-.813-2.846a3.75 3.75 0 00-2.576-2.576l-2.846-.813a.75.75 0 010-1.442l2.846-.813A3.75 3.75 0 007.466 7.89l.813-2.846A.75.75 0 019 4.5zM18 1.5a.75.75 0 01.728.568l.258 1.036c.236.94.97 1.674 1.91 1.91l1.036.258a.75.75 0 010 1.456l-1.036.258c-.94.236-1.674.97-1.91 1.91l-.258 1.036a.75.75 0 01-1.456 0l-.258-1.

1036a2.625 2.625 0 00-1.91-1.91l-1.036-.258a.75.75 0 010-1.456l1.036-.258a2.625 2.625 0 001.91-1.91l.258-1.036A.75.75 0 0118 1.5zM16.5 15a.75.75 0 01.712.513l.394 1.183c.15.447.5.799.948.948l1.183.395a.75.75 0 010 1.422l-1.183.395c-.447.15-.799.5-.948.948l-.395 1.183a.75.75 0 01-1.422 0l-.395-1.183a1.5 1.5 0 00-.948-.948l-1.183-.395a.75.75 0 010-1.422l1.183-.395c.447-.15.799-.5.948-.948l.395-1.183A.75.75 0 0116.5 15z",clipRule:"evenodd"}))});t.Z=l}},function(e){e.O(0,[3662,1664,7897,4522,2713,5675,8322,617,2055,4891,1944,9774,2888,179],function(){return e(e.s=4832)}),_N_E=e.O()}]);
2//# sourceMappingURL=coloring-page-cdc15fa655cf92e6.js.map