react-image-editor-q/lib/components/NodeControls/NodeControls.styled.js

SSR-safe React wrapper around Filerobot Image Editor

import styled from"styled-components";var StyledNodeControls=styled.div.withConfig({componentId:"sc-1n9f2bd-0"})(function(a){var b=a.theme,c=a.top,d=a.left;return"\n  position: absolute;\n  z-index: 1;\n  background: ".concat(b.palette["bg-secondary"],";\n  border-radius: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0px 1px 2px ").concat(b.palette["light-shadow"],";\n  top: ").concat((c||0)+8,"px;\n  left: ").concat((d||0)+4,"px;\n  transform: translateX(-50%);\n  height: 32px;\n  color: black;\n  & > button {\n    color: black;\n  }\n  & > button:hover {\n    color: black;\n    background-color: #dedede;\n  }\n\n  & > button:first-child:hover {\n    border-top-left-radius: 50px;\n    border-bottom-left-radius: 50px;\n  }\n\n  & > button:last-child:hover {\n    border-top-right-radius: 50px;\n    border-bottom-right-radius: 50px;\n  }\n")});export{StyledNodeControls};