import{css as a}from"styled-components";const f=Object.entries({fontSize:"font-size",fontWeight:"font-weight",fontFamily:"font-family",lineHeight:"line-height",color:"text-color",textTransform:"text-transform"});function c(o,t){const e={};for(const[n,r]of f){const s=`--${o}-${r}`,i=t?`,var(--${t}-${r})`:"";e[n]=`var(${s}${i})`}return e}function y(o,t){return a`
    ${c(o,t)}
  `}export{c as getTypographyCssRulesByComponentName,y as typography};
