amotify
Version:
UI Component for React,NextJS,esbuild
52 lines (51 loc) • 4.53 kB
JavaScript
import{b as l,c as g,d as p}from"../chunk-C5N2D3ZX.js";import{Fragment as A,jsx as e,jsxs as I}from"react/jsx-runtime";import T from"jmini";import{Flex as L,Img as C}from".";import{LogoClasses as i}from"../@styles/componentClasses";const h={ComunIcon:()=>e("svg",{viewBox:"0,0,1200,1200",className:i("ComunIcon"),children:I("g",{children:[e("path",{d:`
M
100,600
A 500,500 0 0,0 600,1100
A 100,100 0 0,0 600,900
A 300,300 0 0,1 300,600
A 100,100 0 0,0 100,600
Z
`,style:{opacity:.9,fill:"#16a3ec"}}),e("path",{d:`
M
600,1100
A 500,500 0 0,0 1100,600
A 100,100 0 0,0 900,600
A 300,300 0 0,1 600,900
A 100,100 0 1,0 600,1100
Z
`,style:{opacity:.9,fill:"#ea6093"}}),e("path",{d:`
M
600,100
A 500,500 0 0,0 100,600
A 100,100 0 0,0 300,600
A 300,300 0 0,1 600,300
A 100,100 0 0,0 600,100
Z
`,style:{opacity:.9,fill:"#387cfe"}}),e("path",{d:`
M
600,100
A 100,100 0 0,1 700,200
A 300,300 0 0,0 1000,500
A 100,100 0 0,1 1100,600
A 100,100 0 0,1 1000,700
A 500,500 0 0,1 500,200
A 100,100 0 0,1 600,100
Z
`,style:{opacity:.9,fill:"#9a66ff"}})]})}),MingooIcon:()=>{const o=t=>I(A,{children:[e("path",{d:`
M
600,100
A 80,80 0 0,1 600,260
A 80,80 0 0,1 600,100
L600,600
L600,300
Z
`,className:[i("P"),i("P_"+t)].join(" "),style:{fill:"#c56ff0"}}),e("path",{d:`
M
600,300
A 45,45 0 0,1 600,390
A 45,45 0 0,1 600,300
L600,600
L600,300
Z
`,className:[i("P"),i("P_"+t)].join(" "),style:{fill:"#ea6093"}})]});return I("svg",{viewBox:"0,0,1200,1200",className:i("MingooIcon"),children:[o(0),o(1),o(2),o(3),o(4),o(5),o(6),o(7),o(8)]})}},u={Icon:o=>e(r.Icon,g(l({},o),{children:e(h.MingooIcon,{})})),Title:o=>e(r.Title,g(l({className:i("ComunTitle"),height:"auto"},o),{freeCSS:l({letterSpacing:"3px"},o.freeCSS),children:"mingoo"})),LogoH:o=>{let n=o,{size:t,color:c}=n,a=p(n,["size","color"]);return I(L,g(l({gap:"1/2",flexCenter:!0},a),{children:[e(u.Icon,{size:t,color:c}),e(u.Title,{size:t,color:c})]}))},LogoV:o=>{let n=o,{size:t,color:c}=n,a=p(n,["size","color"]);return I(L,g(l({flexType:"col",gap:"1/2"},a),{children:[e(u.Icon,{margin:"auto",size:t,color:c}),e(u.Title,{size:t,color:c})]}))}},m={Icon:o=>e(r.Icon,g(l({},o),{children:e(h.ComunIcon,{})})),Title:o=>e(r.Title,g(l({className:i("ComunTitle"),height:"auto"},o),{freeCSS:l({letterSpacing:"3px"},o.freeCSS),children:"comun"})),LogoH:o=>{let n=o,{size:t,color:c}=n,a=p(n,["size","color"]);return I(L,g(l({gap:"1/2",flexCenter:!0},a),{children:[e(m.Icon,{size:t,color:c}),e(m.Title,{size:t,color:c})]}))},LogoV:o=>{let n=o,{size:t,color:c}=n,a=p(n,["size","color"]);return I(L,g(l({flexType:"col",gap:"1/2"},a),{children:[e(m.Icon,{margin:"auto",size:t,color:c}),e(m.Title,{size:t,color:c})]}))}};let s="https://cdn.amotify.com/";const r={Icon:o=>{let f=o,{size:t="R",color:c="normal",className:a="",children:n}=f,S=p(f,["size","color","className","children"]);return e(L,g(l({className:[a,i("Icon"),i("Size_"+t)].join(" "),verticalAlign:"center"},S),{children:T.is.function(n)?e(n,{}):n}))},Title:o=>{let f=o,{size:t="R",color:c="normal",className:a="",children:n}=f,S=p(f,["size","color","className","children"]);return e(L,g(l({className:[a,i("Title"),i("Size_"+t)].join(" "),verticalAlign:"center",fontColor:c=="white"?"white":"logo"},S),{children:T.is.function(n)?e(n,{}):n}))},Brands:{MingooIcon:u.Icon,MingooTitle:u.Title,MingooLogoH:u.LogoH,MingooLogoV:u.LogoV,ComunIcon:m.Icon,ComunTitle:m.Title,ComunLogoH:m.LogoH,ComunLogoV:m.LogoV,Google:o=>e(r.Icon,g(l({},o),{children:e(C,{src:s+"@env/@logos/brands/Google_Icon.svg",alt:""})})),Facebook:o=>e(r.Icon,g(l({},o),{children:e(C,{src:s+"@env/@logos/brands/FaceBook_Icon.svg",alt:""})})),Twitter:o=>e(r.Icon,g(l({},o),{children:e(C,{src:s+"@env/@logos/brands/Twitter_Icon.svg",alt:""})})),LINE:o=>e(r.Icon,g(l({},o),{children:e(C,{src:s+"@env/@logos/brands/Line_Icon.svg",alt:""})}))},Images:{mingooIcon:s+"@env/@logos/mingoo/icon.png",mingooIconClear:s+"@env/@logos/mingoo/iconClear.png",comunIcon:s+"@env/@logos/comun/icon.png",comunIconClear:s+"@env/@logos/comun/iconClear.png",defaultIcon:o=>s+"@env/@icon/"+(o||"image")+".png"}};export{r as Logo,r as default};