carbon-react/esm/components/tile/tile-header/tile-header.style.js

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

import r,{css as t}from"styled-components";import{padding as e}from"styled-system";import a from"../../../style/themes/apply-base-theme.js";const o=r.div.attrs(a).withConfig({displayName:"tile-header.style__StyledTileHeader",componentId:"sc-bb6ec2c7-0"})([""," border-top-left-radius:calc(var(--tileBorderRadius) - 1px);border-top-right-radius:calc(var(--tileBorderRadius) - 1px);",""],e,(({variant:r})=>t(["background:",";border-bottom:1px solid ",";"],(r=>{switch(r){case"transparent":return"transparent";case"black":return"var(--colorsUtilityYin100)";case"grey":return"var(--colorsUtilityMajor025)";default:return"var(--colorsUtilityMajor100)"}})(r),"grey"===r?"var(--colorsUtilityMajor200)":"var(--colorsUtilityMajor100)")));export{o as default};