@bedrock-layout/frame
Version:
bedrock-layout frame
2 lines (1 loc) • 698 B
JavaScript
;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@bedrock-layout/spacing-constants"),y=require("@bedrock-layout/type-utils"),f=require("react");function n(t){return(typeof t=="string"?t.split(/[/:]/):t).map(r=>String(r).trim()).join("/")}function m(t){if(Array.isArray(t)&&t.length===2&&t.every(Number.isFinite)||typeof t=="string"&&/^\d{1,1000} ?[/:] ?\d{1,1000}$/.test(t))return n(t)}const p=y.forwardRefWithAs(function({as:e="div",ratio:r,style:i={},position:s,padding:o,...a},c){const g=m(r),u=d.getPaddingAttributes(o).join(" ");return f.createElement(e,{"data-br-frame":u,ref:c,style:{"--ratio":g,"--position":s,...i},...a})});exports.Frame=p;