import e,{useState as t}from"react";import"../../../../utils/string.js";import{FormLabel as r}from"../../../../node_modules/@chakra-ui/form-control/dist/esm/form-label.js";import{RadioGroup as l}from"../../../../node_modules/@chakra-ui/radio/dist/esm/radio-group.js";import{Radio as a}from"../../../../node_modules/@chakra-ui/radio/dist/esm/radio.js";import{FormControl as o}from"../../../../node_modules/@chakra-ui/form-control/dist/esm/form-control.js";import{Input as n}from"../../../../node_modules/@chakra-ui/input/dist/esm/input.js";import{Stack as i}from"../../../../node_modules/@chakra-ui/layout/dist/esm/stack.js";export default function(m){var s=t("image");s[0],s[1];var c=m.bloc;m.setValue;var u=m.register,d=m.errors,p=void 0===d?{}:d,f=c.properties,g=f.title,E=f.content;f.imgUrl;var v=f.alignment,h=f.verticalAlignment;f.mediaType;var b=t("");return b[0],b[1],e.createElement(e.Fragment,null,e.createElement("div",{className:"form-bloc-modal"},e.createElement(o,null,e.createElement(r,null,"Title"),e.createElement(n,{type:"text",name:"properties.title",defaultValue:g,ref:u({required:"Title is required."}),placeholder:"Title",isInvalid:!(!p.properties||!p.properties.title)})),e.createElement(o,null,e.createElement(r,null,"Content"),e.createElement(n,{type:"text",name:"properties.content",defaultValue:E,ref:u({required:"Content is required."}),placeholder:"Content"})),e.createElement(o,null,e.createElement(r,null,"Alignment"),e.createElement(l,{defaultValue:v||"left"},e.createElement(i,{spacing:5,direction:"row"},e.createElement(a,{ref:u,type:"radio",value:"left",name:"properties.alignment",size:"lg"},"Left"),e.createElement(a,{ref:u,type:"radio",value:"right",name:"properties.alignment",size:"lg"},"Right")))),e.createElement(o,null,e.createElement(r,null,"Vertical Alignment (Mobile)"),e.createElement(l,{defaultValue:h||"bottom"},e.createElement(i,{spacing:5,direction:"row"},e.createElement(a,{ref:u,type:"radio",value:"top",name:"properties.verticalAlignment",size:"lg"},"Top"),e.createElement(a,{ref:u,type:"radio",value:"bottom",name:"properties.verticalAlignment",size:"lg"},"Bottom"))))),e.createElement("style",{jsx:!0},"\n        :global(.chakra-radio) {\n          cursor: pointer;\n        }\n\n        :global(.chakra-radio__control:focus) {\n          box-shadow: none;\n        }\n      "))}
//# sourceMappingURL=AnnouncementSetting.js.map
