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

React component version of filerobot video editor (FVE).

import styled from"styled-components";import{IconButton,RotationSlider}from"@scaleflex/ui/core";import{Color as PC}from"@scaleflex/ui/utils/types/palette";var StyledRotationOptions=styled.div.withConfig({componentId:"sc-1nmj4fu-0"})(["display:flex;align-items:center;gap:16px;"]),StyledRotationSlider=styled(RotationSlider).withConfig({componentId:"sc-1nmj4fu-1"})([".SfxRotationSlider-control{width:1px;height:10px;background-color:",";&:before{box-shadow:unset;}}.SfxRotationSlider-mark,.SfxRotationSlider-small-dot-wrapper{padding:0;.SfxRotationSlider-mark-text{top:10px;}.SfxRotationSlider-big-dot{width:4px;height:4px;}.SfxRotationSlider-small-dot{width:1px;height:1px;}}.SfxRotationSlider-list{gap:4px;}"],function(a){var b=a.theme.palette;return b[PC.IconsSecondary]}),StyledRotateButton=styled(IconButton).withConfig({componentId:"sc-1nmj4fu-2"})([""]);export{StyledRotationOptions,StyledRotationSlider,StyledRotateButton};