@chief-editor/brick-control/es/brick/Align/Brick.js

Control Brick for chief editor

var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var l in e=arguments[n])Object.prototype.hasOwnProperty.call(e,l)&&(t[l]=e[l]);return t}).apply(this,arguments)};import React from"react";import{Button}from"@chief-editor/ui";import{LayoutAlign,LayoutAlignBottom,LayoutAlignCenter,LayoutAlignLeft,LayoutAlignRight,LayoutAlignTop,LayoutAlignVertical,LayoutAlignVerticalCenter}from"@chief-editor/icons";export function AlignBrick(t){var e=t.styles,n=t.layout,i=t.creator,l=t.dispatchEvent,a={width:"25px",height:"24px",lineHeight:"24px",fontSize:"12px",textAlign:"center",marginLeft:0,padding:0};return React.createElement("div",{"data-id":i,style:__assign(__assign({},e),n)},React.createElement(Button.Group,null,React.createElement(Button,{type:"text",style:a,onClick:function(){return l("align",{direction:"left"})}},React.createElement(LayoutAlignLeft,null)),React.createElement(Button,{type:"text",style:a,onClick:function(){return l("align",{direction:"h_center"})}},React.createElement(LayoutAlign,null)),React.createElement(Button,{type:"text",style:a,onClick:function(){return l("align",{direction:"right"})}},React.createElement(LayoutAlignRight,null)),React.createElement(Button,{type:"text",style:a,onClick:function(){return l("align",{direction:"top"})}},React.createElement(LayoutAlignTop,null)),React.createElement(Button,{type:"text",style:a,onClick:function(){return l("align",{direction:"v_center"})}},React.createElement(LayoutAlignVerticalCenter,null)),React.createElement(Button,{type:"text",style:a,onClick:function(){return l("align",{direction:"bottom"})}},React.createElement(LayoutAlignBottom,null)),React.createElement(Button,{type:"text",style:a,onClick:function(){return l("align",{direction:"hSpace"})}},React.createElement(LayoutAlignCenter,null)),React.createElement(Button,{type:"text",style:a,onClick:function(){return l("align",{direction:"vSpace"})}},React.createElement(LayoutAlignVertical,null))))}