carbon-react/esm/components/divider/divider.style.js

A library of reusable React components for easily building user interfaces.

import e,{css as i}from"styled-components";import t from"../../style/themes/apply-base-theme.js";import{space as r,margin as n}from"styled-system";const s=({variant:e,inverse:i})=>"prominent"===e?i?"#6F6F6F":"#7C7C7C":i?"#505050":"#A0A0A0",d=e.div.attrs(t).withConfig({displayName:"divider.style__StyledVerticalDividerWrapper",componentId:"sc-f1b220ec-0"})([""," "," ",""],r,(({height:e})=>e&&i(["height:",";"],"string"==typeof e?`${e}`:`${e}px`)),(({displayInline:e})=>e?"display: inline;":"")),a=e.div.attrs(t).withConfig({displayName:"divider.style__StyledVerticalDivider",componentId:"sc-f1b220ec-1"})(["height:100%;border-left:1px solid ",";display:inherit;"],(({variant:e,inverse:i})=>s({variant:e,inverse:i}))),o=e.hr.attrs(t).withConfig({displayName:"divider.style__StyledHorizontalDivider",componentId:"sc-f1b220ec-2"})([""," width:100%;border:0;height:1px;background-color:",";"],n,(({variant:e,inverse:i})=>s({variant:e,inverse:i})));export{o as StyledHorizontalDivider,a as StyledVerticalDivider,d as StyledVerticalDividerWrapper};