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

React component version of filerobot video editor (FVE).

import styled from"styled-components";import IconButton from"@scaleflex/ui/core/icon-button";import{Color as PC}from"@scaleflex/ui/utils/types/palette";var StyledTopbar=styled.div.withConfig({componentId:"sc-h7lix4-0"})(["padding:16px;box-sizing:border-box;position:relative;width:100%;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;border-bottom:1px solid ",";[data-phone='true'] &{padding:6px 6px 4px 6px;","}"],function(a){var b=a.theme.palette;return b[PC.BordersSecondary]},function(a){var b=a.isPhoneScreen;return b&&"\n      padding: 12px 12px 0px;\n      gap: 12px;\n    "}),StyledMainButtonsWrapper=styled.div.withConfig({componentId:"sc-h7lix4-1"})(["display:flex;align-items:center;order:1;"]),StyledControlButtonsWrapper=styled.div.withConfig({componentId:"sc-h7lix4-2"})(["display:flex;align-items:center;order:3;gap:4px;"]),StyledFlexCenterAlignedContainer=styled.div.withConfig({componentId:"sc-h7lix4-3"})(["width:",";height:32px;display:block;width:100%;order:4;",";@media (min-width:761px){display:flex;align-items:center;justify-content:center;width:fit-content;order:2;}"],function(a){var b=a.showBackButton;return b?"318px":"384px"},function(a){var b=a.reverseDirection;return b?"flex-direction: row-reverse":""}),StyledMenuIconButton=styled(IconButton).withConfig({componentId:"sc-h7lix4-4"})(["@media (min-width:761px){display:none;}"]);export{StyledTopbar,StyledFlexCenterAlignedContainer,StyledMainButtonsWrapper,StyledControlButtonsWrapper,StyledMenuIconButton};