carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 923 B
JavaScript
import t,{css as e}from"styled-components";import n from"../menu.config.js";const a=t.h2.withConfig({displayName:"menu-segment-title.style__StyledTitle",componentId:"sc-41a2d76d-0"})(["",""],(({menuType:t,variant:a,shouldWrap:o})=>e(["margin:0px;padding:16px 16px 8px;font-size:12px;font-weight:500;text-transform:uppercase;line-height:14px;cursor:default;color:",";"," white-space:",";"],n[t].title,"alternate"===a&&`background-color: ${n[t].alternate};`,o?"normal":"nowrap"))),o=t.ul.withConfig({displayName:"menu-segment-title.style__StyledSegmentChildren",componentId:"sc-41a2d76d-1"})(["",""],(({menuType:t,variant:a})=>e(["padding:0;li{list-style:none;"," &:not(&:last-child) a,&:not(&:last-child) button,&:not(&:last-child) > span,&:not(&:last-child) > div{border-radius:var(--borderRadius000);}}"],"alternate"===a&&e(["background-color:",";"],n[t].alternate))));export{o as StyledSegmentChildren,a as StyledTitle};