react-filerobot-video-editor/lib/components/tools/Watermark/Watermark.styled.js

React component version of filerobot video editor (FVE).

import styled from"styled-components";var StyledWatermarkWrapper=styled.div.withConfig({componentId:"sc-h0eu4u-0"})(["display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;overflow:hidden;",";"],function(a){var b=a.noWrap;return b?"flex-wrap: nowrap;":""}),StyledControlsWrapper=styled.div.withConfig({componentId:"sc-h0eu4u-1"})(["margin-bottom:8px;"]),StyledWatermarkGalleryItem=styled.div.withConfig({componentId:"sc-h0eu4u-2"})(function(a){var b=a.theme;return"\n    padding: 6px 4px;\n    border: 1px solid ".concat(b.palette["borders-secondary"],";\n    width: fit-content;\n    height: 32px;\n    border-radius: 2px;\n    overflow: hidden;\n    cursor: pointer;\n    border-radius: 4px;\n\n    :hover {\n      background: ").concat(b.palette["bg-primary-active"],";\n    }\n\n    &[aria-selected='true'] {\n      background: ").concat(b.palette["bg-primary-active"],";\n      border-color: ").concat(b.palette["accent-primary-active"],";\n    }\n\n    img {\n      max-width: 100%;\n      max-height: 100%;\n    }\n  ")});export{StyledWatermarkWrapper,StyledControlsWrapper,StyledWatermarkGalleryItem};