@jengaui/core
Version:
Jenga UI Core component in React
9 lines (6 loc) • 922 B
JavaScript
import { forwardRef, useContext } from 'react';
import A from 'styled-components';
import { BreakpointsContext, pointsToZones, renderStyles, modAttrs } from 'tastycss';
import { jsx } from 'react/jsx-runtime';
var u={inline:"block","inline-grid":"grid","inline-flex":"flex"},C={block:"inline-block",grid:"inline-grid",flex:"inline-flex"},E=A.div(({css:s})=>s);function K(s,t){let{as:o,styles:a,breakpoints:d,block:r,mods:i,inline:p,isHidden:c,isDisabled:f,qa:y,qaVal:m,css:n,element:b,...l}=s,e={...a};r&&(e.display=typeof e.display=="string"?u[e.display||"inline"]:"block"),p&&(e.display=typeof e.display=="string"?C[e.display||"block"]:"inline-block");let k=useContext(BreakpointsContext),g=pointsToZones(d||k);return n=`${n??""}${renderStyles(e,g)}`,i&&Object.assign(l,modAttrs(i)),jsx(E,{as:o,"data-element":b,"data-qa":y,"data-qaval":m,...l,ref:t,hidden:c,disabled:f,css:n})}var I=forwardRef(K);
export { I as a };