react-image-editor-q/lib/components/common/ButtonWithMenu/ButtonWithMenu.styled.js

SSR-safe React wrapper around Filerobot Image Editor

import styled from"styled-components";import Button from"@scaleflex/ui/core/button";import{Color as PC}from"@scaleflex/ui/utils/types/palette/color";import{Menu,MenuItem,MenuItemIcon}from"@scaleflex/ui/core";var StyledButtonWrapper=styled.div.withConfig({componentId:"sc-8m1et3-0"})(["display:flex;align-items:center;margin:",";flex-shrink:0;"],function(a){var b=a.$noMargin;return b?"0":"12px"}),StyledMainButton=styled(Button).withConfig({componentId:"sc-8m1et3-1"})(["flex-grow:1;justify-content:center;align-items:center;background-color:#ffd843;& > span > span{font-size:0.75rem !important;}&:hover{background-color:#fcc638;}border:1px solid #fcc638;padding:6px 12px;&.FIE_watermark-add-button{background-color:white;border:1px solid black;}&.fie_topbar-save-button:hover{background-color:#fcc638;}&.FIE_watermark-add-button:hover{background-color:#dedede;border:1px solid black;color:black;}color:black;border-radius:20px;"]),StyledMenu=styled(Menu).withConfig({componentId:"sc-8m1et3-2"})(["padding:8px;background-color:",";"],function(a){var b=a.theme.palette;return b[PC.BackgroundStateless]}),StyledMenuItem=styled(MenuItem).withConfig({componentId:"sc-8m1et3-3"})(["border-radius:4px;"]),StyledMenuIcon=styled(MenuItemIcon).withConfig({componentId:"sc-8m1et3-4"})(["display:flex;align-items:center;"]);export{StyledButtonWrapper,StyledMainButton,StyledMenu,StyledMenuItem,StyledMenuIcon};