carbon-react/esm/components/card/card-footer/card-footer.style.js

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

import r,{css as o}from"styled-components";import{space as t}from"styled-system";import a from"../card-column/card-column.style.js";const d={small:"0 -24px",medium:"0 -32px",large:"0 -48px"},e={small:"16px 24px",medium:"18px 32px",large:"20px 48px"},s=r.div.withConfig({displayName:"card-footer.style__StyledCardFooter",componentId:"sc-bacf2806-0"})([""," ",""],t,(({spacing:r,variant:t,roundness:s})=>o(["background-color:",";border-top:var(--colorsUtilityMajor100);border-top-width:1px;border-top-style:solid;margin:",";display:flex;"," "," ","{margin:0;padding:",";}"],"transparent"===t?"transparent":"var(--colorsUtilityMajor025)",d[r],"default"===s&&o(["border-bottom-left-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius100);"]),"large"===s&&o(["border-bottom-left-radius:var(--borderRadius200);border-bottom-right-radius:var(--borderRadius200);"]),a,e[r])));export{s as default};