react-filerobot-video-editor/lib/components/App/App.styled.js

React component version of filerobot video editor (FVE).

import styled from"styled-components";var StyledAppWrapper=styled.div.attrs(function(a){var b,c,d=a.$size,e=void 0===d?{}:d;return{style:{width:null!==(b=e.width)&&void 0!==b?b:"100%",height:null!==(c=e.height)&&void 0!==c?c:"100%"}}}).withConfig({componentId:"sc-5lffj7-0"})(["display:flex;flex-direction:column;align-items:center;height:100%;max-height:100%;width:100%;max-width:100%;overflow:auto;border-radius:8px;position:relative;min-height:250px;background:",";",""],function(a){var b=a.theme;return b.palette["bg-secondary"]},function(a){var b=a.showTabsDrawer;return b&&"\n      overflow: unset;\n  "}),StyledMainContent=styled.div.withConfig({componentId:"sc-5lffj7-1"})(["display:flex;align-items:flex-start;width:100%;box-sizing:border-box;height:calc(100% - 95px);flex-grow:1;[data-phone='true'] &{padding:0;}"]),StyledCanvasAndTools=styled.div.withConfig({componentId:"sc-5lffj7-2"})(["height:100%;width:calc(100% - 80px);flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;",""],function(a){var b=a.showTabsDrawer;return b&&"\n     overflow-y: unset;\n  "});export{StyledAppWrapper,StyledMainContent,StyledCanvasAndTools};