react-filerobot-video-editor/lib/components/common/Modal/Modal.styled.js

React component version of filerobot video editor (FVE).

import styled,{css}from"styled-components";import modalTitle from"@scaleflex/ui/core/modal-title";import{Modal,ModalActions}from"@scaleflex/ui/core";import{Color as PC}from"@scaleflex/ui/utils/types/palette";import{FontVariant as FV}from"@scaleflex/ui/utils/types/typography";var StyledModal=styled(Modal).withConfig({componentId:"sc-8sgpey-0"})(["width:",";max-width:unset;"],function(a){var b=a.width;return b||"300px"}),StyledModalTitle=styled(modalTitle).withConfig({componentId:"sc-8sgpey-1"})(function(a){var b=a.theme,c=a.isWarning,d=a.isError,e=a.hideShadow,f=a.iconMarginBottom,g=void 0===f?8:f,h=a.iconPadding,i=void 0===h?14.5:h;return css(["padding-bottom:0;.SfxModalTitle-Icon{background-color:",";"," margin-bottom:","px;padding:","px;}.SfxModalTitle-LabelPrimary{margin-bottom:24px;",";}.SfxModalTitle-LabelSecondary{margin-top:0;",";text-align:center;}"],c&&b.palette[PC.Orange_0_1_Overlay]||d&&b.palette[PC.Error_0_12_Opacity],e&&"background-color: transparent;",g,i,b.typography.font[FV.TitleH3],b.typography.font[FV.TextLarge])}),StyledModalActions=styled(ModalActions).withConfig({componentId:"sc-8sgpey-2"})(["gap:12px;padding:24px;.SfxButton-root{flex:1;margin:0;height:40px;}"]);export{StyledModal,StyledModalTitle,StyledModalActions};