react-image-editor-q/lib/components/Tabs/Tabs.styled.js

SSR-safe React wrapper around Filerobot Image Editor

import styled from"styled-components";import Label from"@scaleflex/ui/core/label";var StyledTabItem=styled.div.withConfig({componentId:"sc-1usspyu-0"})(function(a){a.theme;return"\n    width: 72px;\n    min-height: 72px;\n    padding: 4px 10px;\n    border-radius: 10px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    background: white;\n    align-items: center;\n    justify-content: center;\n    border: 0.01rem solid #dedede;\n    [data-phone='true'] & {\n      margin-bottom: 0;\n      height: 50px;\n      border-radius: 0;\n    }\n\n    svg {\n      color: black;\n    }\n\n    &,\n    * {\n      cursor: pointer;\n    }\n\n    &:hover {\n     border: 1px solid #d6d6d6;\n    }\n\n    &[aria-selected='true'] {\n    background: #dedede;\n     border: 0.062rem solid #c9c9c9;\n      * {\n        color: black;\n      }\n    }\n  "}),StyledTabItemLabel=styled(Label).withConfig({componentId:"sc-1usspyu-1"})(function(a){a.theme;return"\n  color: black;\n  font-size: 0.6875em;\n   line-height: 14px;\n  font-family: 'Open Sans', sans-serif;\n  letter-spacing: 0.04rem;\n  span {\n    white-space: normal;\n  }\n\n  [data-phone='true'] & {\n    font-size: 10px;\n  }\n"});export{StyledTabItem,StyledTabItemLabel};