react-filerobot-image-editor/lib/components/ImageInfo/ImageInfo.styled.js

React component version of filerobot image editor (FIE).

import styled from"styled-components";import{Color as PC}from"@scaleflex/ui/utils/types/palette";import{FontVariant as FV}from"@scaleflex/ui/utils/types/typography";import IconButton from"@scaleflex/ui/core/icon-button";import Label from"@scaleflex/ui/core/label";var StyledSmallButton=styled(IconButton).withConfig({componentId:"sc-1qx8w0v-0"})(["padding:8px;svg{color:",";}"],function(a){var b=a.theme.palette,c=a.showBackButton;return c?b[PC.IconsPrimary]:b[PC.IconsMuted]}),StyledImageOptionsButtons=styled.div.withConfig({componentId:"sc-1qx8w0v-1"})(["display:flex;gap:12px;justify-content:",";"],function(a){var b=a.isPhoneScreen;return b?"space-between":"center"}),StyledDimensionsLabel=styled(Label).withConfig({componentId:"sc-1qx8w0v-2"})(["flex-shrink:0;color:",";",";"],function(a){var b=a.theme.palette;return b[PC.TextPlaceholder]},function(a){var b=a.theme.typography;return b.font[FV.LabelMedium]}),StyledDimensionsButtons=styled.div.withConfig({componentId:"sc-1qx8w0v-3"})(["display:flex;gap:12px;align-items:center;"]);export{StyledImageOptionsButtons,StyledDimensionsLabel,StyledDimensionsButtons,StyledSmallButton};