"use strict";(self.webpackChunk_commercetools_website_components_playground=self.webpackChunk_commercetools_website_components_playground||[]).push([[268],{71027:function(e,t,i){i.r(t);var l=i(77343),n=i(40646),a=i(55615),o=i(91967),u=i(57886),r=i(28396),s=i(70257),c=i(61356),m=i(68782),d=(0,m.BX)(a.Z.Inline,{scale:"m",children:[(0,m.BX)(a.Z.Inline,{alignItems:"center",children:[(0,m.tZ)("label",{htmlFor:"input-1",children:(0,m.tZ)(o.Z.Body,{isBold:!0,truncate:!0,children:"Input 1"})}),(0,m.tZ)(u.Z,{id:"input-1",value:"",onChange:function(){}})]}),(0,m.BX)(a.Z.Inline,{alignItems:"center",children:[(0,m.tZ)("label",{htmlFor:"input-2",children:(0,m.tZ)(o.Z.Body,{isBold:!0,truncate:!0,children:"Input 2"})}),(0,m.tZ)(u.Z,{id:"input-2",value:"",onChange:function(){}})]})]}),b=(0,m.BX)(a.Z.Inline,{scale:"m",justifyContent:"space-between",children:[(0,m.tZ)(n.bw.PageHeaderTitle,{title:"Lorem ipsum dolor sit amet, consectetur adipiscing elit.",titleSize:"big"}),(0,m.tZ)(a.Z.Inline,{alignItems:"center",children:(0,m.tZ)(o.Z.Body,{isBold:!0,truncate:!0,children:"Lorem ipsum dolor sit amet."})})]}),h=function(e){switch(e){case"custom-form":return d;case"custom-title-and-side-content":return b}},p=function(e){return(0,m.tZ)(s.Z,{children:(0,m.tZ)(c.Z,Object.assign({},e.pageContext,{knobs:[{kind:"text",name:"title",label:"Title",initialValue:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."},{kind:"text",name:"subtitle",label:"Subtitle",initialValue:"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."},{kind:"select",name:"useCustomTitleRow",label:"Title Row",valueOptions:[{value:"default",label:"Default"},{value:"custom-form",label:"Custom (form example)"},{value:"custom-title-and-side-content",label:"Custom (title and side content example)"}],initialValue:"default"},{kind:"text",name:"labelPrimaryButton",label:"Label Primary Button",initialValue:"Confirm"},{kind:"text",name:"labelSecondaryButton",label:"Label Secondary Button",initialValue:"Cancel"},{kind:"select",name:"hideControls",label:"Hide Controls?",valueOptions:[{value:!1,label:"No"},{value:!0,label:"Yes"}],initialValue:!1}],children:function(e){var t=e.values;return(0,m.tZ)(l.J9,{initialValues:{email:""},validate:function(e){return u.Z.isEmpty(e.email)?{email:{missing:!0}}:{}},onSubmit:function(e){alert("email: "+e.email)},render:function(e){return(0,m.tZ)(n.bw,{title:t.title,subtitle:t.subtitle,onPreviousPathClick:function(){return alert("Go back clicked")},customTitleRow:h(t.useCustomTitleRow),isPrimaryButtonDisabled:e.isSubmitting,isSecondaryButtonDisabled:e.isSubmitting,labelSecondaryButton:t.labelSecondaryButton,labelPrimaryButton:t.labelPrimaryButton,onSecondaryButtonClick:e.handleReset,onPrimaryButtonClick:e.handleSubmit,hideControls:t.hideControls,children:(0,m.tZ)(r.Z,{name:"email",title:"Email",isRequired:!0,value:e.values.email,errors:e.errors.email,touched:e.touched.email,onChange:e.handleChange,onBlur:e.handleBlur})})}})}}))})};p.displayName="FormDetailPageExample",t.default=p}}]);
//# sourceMappingURL=component---src-pages-form-detail-page-js-d14ceda33adae76c3e0f.js.map