(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[22569],{99800:(n,e,r)=>{"use strict";r.d(e,{A:()=>i,M:()=>c});var t=r(87687),s=r(52751);let c=s.createContext({code:"",lang:""}),i=s.memo(function(n){let{code:e,lang:r,children:s}=n;return(0,t.jsx)(c.Provider,{value:{code:e,lang:r},children:s})})},32306:(n,e,r)=>{"use strict";r.r(e),r.d(e,{default:()=>p});var t=r(87687);r(52751);var s=r(31928),c=r(68852),i=r(20120),o=r(99800);let l=(0,s.I)("div")({name:"OuterWrapper",class:"o1yzqw59",propsAsIs:!1}),a=(0,s.I)("div")({name:"Row",class:"r1xf3ip9",propsAsIs:!1}),d=(0,s.I)("div")({name:"CodeWrapper",class:"c8bsm36",propsAsIs:!1}),v=(0,s.I)("div")({name:"SvgWrapper",class:"s1lircjl",propsAsIs:!1}),h=(0,s.I)("svg")({name:"Svg",class:"sw5v5yo",propsAsIs:!1}),p=function(n){let{variant:e="default",codeOutput:r}=n;return(0,t.jsx)(l,{children:(0,t.jsx)(i.Ay,{outputWrapper:null,initialValues:{width:100},customGrid:{gridTemplateColumns:"min(400px, 100%)",justifyContent:"center"},controlPosition:"top",controls:[(0,t.jsx)(i.oP,{id:"width",label:"Width",min:50,max:100,previewRenderer:n=>"".concat(n,"%")},"width")],children:n=>{let{width:s}=n,i=Math.round(s/100*300),l="fixed"===e?s/100:1;return(0,t.jsxs)(a,{children:[(0,t.jsx)(d,{children:(0,t.jsx)(o.A,{lang:"html",code:function(n,e){if("default"===e)return'\n<svg width="'.concat(n,'" height="220">\n  <circle\n    cx="150"\n    cy="110"\n    r="60"\n    stroke="var(--gold)"\n    stroke-width="10"\n  />\n</svg>');if("viewbox"===e)return'\n<svg\n  width="'.concat(n,'"\n  viewBox="0 0 300 220"\n>\n  <circle\n    cx="150"\n    cy="110"\n    r="60"\n    stroke="var(--gold)"\n    stroke-width="10"\n  />\n</svg>');let r=n/300,t=(0,c.GB)(220*r,1),s=(0,c.GB)(150*r,1),i=(0,c.GB)(110*r,1),o=(0,c.GB)(60*r,1),l=(0,c.GB)(10*r,1);return'\n<svg width="'.concat(n,'" height="').concat(t,'">\n  <circle\n    cx="').concat(s,'"\n    cy="').concat(i,'"\n    r="').concat(o,'"\n    stroke="var(--gold)"\n    stroke-width="').concat(l,'"\n  />\n</svg>')}(i,e),children:r})}),(0,t.jsx)(v,{"data-variant":e,children:(0,t.jsx)(h,{width:i,height:"viewbox"!==e?Math.round(220*l):void 0,viewBox:"viewbox"===e?"0 0 300 220":void 0,children:(0,t.jsx)("circle",{cx:(0,c.GB)(150*l,1),cy:(0,c.GB)(110*l,1),r:(0,c.GB)(60*l,1),fill:"none",strokeWidth:(0,c.GB)(10*l,1)})})})]})}})})};r(27033)},27033:n=>{n.exports={o1yzqw59:"o1yzqw59",r1xf3ip9:"r1xf3ip9",c8bsm36:"c8bsm36",s1lircjl:"s1lircjl",sw5v5yo:"sw5v5yo"}}}]);
//# sourceMappingURL=22569.b306895f5e1623b1.js.map