https://starvell.com/_next/static/chunks/pages/ui/components/button-670fbbb50d1315e4.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2288],{6540:(t,e,i)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/ui/components/button",function(){return i(93253)}])},9534:(t,e,i)=>{"use strict";i.d(e,{A:()=>_});var n=i(37876),l=i(54587),s=i.n(l),a=i(35284),r=i.n(a);let d={src:"/_next/static/media/arrow-left.aa44af1c.svg",height:20,width:20,blurWidth:0,blurHeight:0};var u=i(89099),o=i(69241),c=i(77328),x=i.n(c),m=i(49908);function _(t){let{children:e,marginBottom:i=8,backButton:l,setDocumentTitle:a=!0,documentTitle:c,size:_="default",backButtonInline:p=!1,onBackButtonClick:h}=t,b=(0,u.useRouter)(),{back:y}=(0,m.O)();return(0,n.jsxs)("h1",{style:{marginBottom:i},className:(0,o.A)(r().title,r().has_back_button,r()["size_".concat(_)],{[r().inline]:p}),children:[("string"==typeof e||c)&&a&&(0,n.jsx)(x(),{children:(0,n.jsx)("title",{children:null!=c?c:e})}),(l||h)&&(0,n.jsx)(s(),{className:r().back_button,src:d,alt:"Назад",draggable:!1,onClick:null!=h?h:()=>{"string"==typeof l?b.push(l):"function"==typeof l?l(b):y()}}),(0,n.jsx)("div",{children:e})]})}},32882:t=>{t.exports={subtitle:"subtitle_subtitle__lEZ9_"}},35284:t=>{t.exports={title:"title_title__rb9tp",back_button:"title_back_button__rC0dy",size_medium:"title_size_medium__898B4",size_small:"title_size_small__KTExz",inline:"title_inline__RV1QZ",has_back_button:"title_has_back_button__tiNiF"}},42439:(t,e,i)=>{"use strict";i.d(e,{A:()=>a});var n=i(37876),l=i(32882),s=i.n(l);function a(t){let{children:e,marginBottom:i=0}=t;return(0,n.jsx)("h2",{style:{marginBottom:i},className:s().subtitle,children:e})}},63340:(t,e,i)=>{"use strict";i.d(e,{J:()=>p});var n=i(37876),l=i(9534),s=i(81567),a=i.n(s),r=i(15955),d=i.n(r),u=i(69241),o=i(48230),c=i.n(o),x=i(89099),m=i(14232);let _=[{id:"button",text:"Button",url:"/ui/components/button"},{id:"field-checkbox",text:"Field Checkbox",url:"/ui/components/field-checkbox"},{id:"field-text",text:"Field Text",url:"/ui/components/field-text"},{id:"field-textarea",text:"Field Textarea",url:"/ui/components/field-textarea"},{id:"messenger-notification",text:"Messenger/Notification",url:"/ui/components/messenger-notification"},{id:"image-slider",text:"ImageSlider",url:"/ui/components/image-slider"},{id:"notification",text:"Notification",url:"/ui/components/notification"},{id:"select",text:"Select",url:"/ui/components/select"},{id:"stars",text:"Stars",url:"/ui/components/stars"},{id:"tiptap",text:"TipTap",url:"/ui/components/tiptap"}

1,{id:"game-background",text:"Game Background",url:"/ui/components/game-background"},{id:"z403",text:"403 (Forbidden)",url:"/ui/403"},{id:"z429",text:"429 (Too Many Requests)",url:"/ui/429"},{id:"drag-and-drop",text:"DragAndDrop",url:"/ui/components/drag-and-drop"}].sort((t,e)=>t.id.localeCompare(e.id));function p(t){let{children:e}=t,i=(0,x.useRouter)(),s=(0,m.useMemo)(()=>{var t,e;return null!=(e=null==(t=_.find(t=>t.url===i.pathname))?void 0:t.text)?e:"UI Library"},[i.pathname]);return(0,n.jsxs)("div",{className:a().layout,children:[(0,n.jsx)("div",{className:(0,u.A)(a().aside),children:(0,n.jsx)("div",{className:a().nav,children:_.map(t=>(0,n.jsx)(c(),{className:(0,u.A)(a().nav_item,{[a().active]:t.url===i.pathname}),href:t.url,children:t.text},t.id))})}),(0,n.jsxs)("div",{className:(0,u.A)(d().panel,a().content),children:[(0,n.jsx)(l.A,{marginBottom:16,children:s}),e]})]})}},81567:t=>{t.exports={layout:"ui_layout__OsRol",aside:"ui_aside__gH3GP",content:"ui_content__NpHxi",nav:"ui_nav__troI3",nav_item:"ui_nav_item__ATmQk",active:"ui_active__VVUlt"}},93253:(t,e,i)=>{"use strict";i.r(e),i.d(e,{__N_SSP:()=>r,default:()=>d});var n=i(37876),l=i(70402),s=i(42439),a=i(63340),r=!0;function d(){return(0,n.jsx)(a.J,{children:(0,n.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[(0,n.jsxs)("div",{style:{display:"flex",gap:"16px"},children:[(0,n.jsx)(l.Ay,{children:"Button"}),(0,n.jsx)(l.Ay,{redText:!0,children:"Red text button"}),(0,n.jsx)(l.Ay,{primary:!0,children:"Primary button"})]}),(0,n.jsxs)("div",{style:{display:"flex",gap:"16px"},children:[(0,n.jsx)(l.Ay,{medium:!0,children:"Medium button"}),(0,n.jsx)(l.Ay,{medium:!0,redText:!0,children:"Medium red text button"}),(0,n.jsx)(l.Ay,{medium:!0,primary:!0,children:"Medium primary button"})]}),(0,n.jsxs)("div",{style:{display:"flex",gap:"16px"},children:[(0,n.jsx)(l.Ay,{small:!0,children:"Small button"}),(0,n.jsx)(l.Ay,{small:!0,redText:!0,children:"Small red text button"}),(0,n.jsx)(l.Ay,{small:!0,primary:!0,children:"Small primary button"})]}),(0,n.jsxs)("div",{style:{display:"flex",gap:"16px"},children:[(0,n.jsx)(l.Ay,{disabled:!0,children:"Button disabled"}),(0,n.jsx)(l.Ay,{disabled:!0,redText:!0,children:"Red text button disabled"}),(0,n.jsx)(l.Ay,{disabled:!0,primary:!0,children:"Primary button disabled"})]}),(0,n.jsx)(u,{variant:"primary"}),(0,n.jsx)(u,{variant:"danger"}),(0,n.jsx)(u,{variant:"warning"})]})})}function u(t){let{variant:e}=t;return(0,n.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:[(0,n.jsxs)(s.A,{children:["variant: ",e]}),(0,n.jsx)(o,{variant:e,size:"large"}),(0,n.jsx)(o,{variant:e,size:"medium"}),(0,n.jsx)(o,{variant:e,size:"small"})]})}function o(t){let{variant:e,size:i}=t;return(0,n.jsxs)("div",{style:{display:"flex",gap:"8px"},children:[(0,n.jsxs)(l.Ay,{variant:e,size:i,children:["Button text (",i,")"]}),(0,n.jsxs)(l.Ay,{variant:e,size:i,disabled:!0,children:["Button text disabled (",i,")"]})]})}}},t=>{t.O(0,[636,6593,8792],()=>t(t.s=6540)),_N_E=t.O()}]);