@infinityfx/fluid
Version:
React UI library, using zero-runtime CSS-in-JS.
3 lines (2 loc) • 914 B
JavaScript
import{jsx as r}from"react/jsx-runtime";import{combineClasses as a,classes as d}from"../../core/utils.js";import{createStyles as o}from"../../core/style.js";const e=o("frame",{".frame":{overflow:"hidden"},".shadow":{boxShadow:"var(--f-shadow-med)"},".border":{border:"solid 1px var(--f-clr-fg-200)"},".bg__light":{background:"var(--f-clr-fg-100)"},".bg__dark":{background:"var(--f-clr-bg-100)"},".r__xsm":{borderRadius:"var(--f-radius-xsm)"},".r__sml":{borderRadius:"var(--f-radius-sml)"},".r__med":{borderRadius:"var(--f-radius-med)"},".r__lrg":{borderRadius:"var(--f-radius-lrg)"},".frame img":{objectFit:"cover",display:"block"}});function s({children:o,cc:s={},radius:i="sml",shadow:m,border:c,background:f="none",...l}){const b=a(e,s);return r("div",{...l,className:d(b.frame,m&&b.shadow,c&&b.border,b[`bg__${f}`],b[`r__${i}`],l.className),children:o})}export{s as default};
//# sourceMappingURL=frame.js.map