@progress/kendo-react-layout/appbar/AppBarSpacer.js

React Layout components enable you to create a perceptive and intuitive layout of web projects. KendoReact Layout package

/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),o=require("prop-types"),u=require("@progress/kendo-react-common");function b(r){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const s in r)if(s!=="default"){const c=Object.getOwnPropertyDescriptor(r,s);Object.defineProperty(a,s,c.get?c:{enumerable:!0,get:()=>r[s]})}}return a.default=r,Object.freeze(a)}const t=b(f),l=t.forwardRef((r,a)=>{const{children:s,className:c,style:e}=r,n=t.useRef(null),p=t.useCallback(()=>{n.current&&u.focusFirstFocusableChild(n.current)},[]),i=t.useCallback(()=>({element:n.current,focus:p}),[p]);t.useImperativeHandle(a,i);const d=t.useMemo(()=>u.classNames("k-appbar-spacer",{"k-appbar-spacer-sized":e&&e.width&&e.width!==null},c),[c,e]),m=t.useMemo(()=>({flexBasis:e&&e.width?e.width:void 0}),[e]);return t.createElement("span",{className:d,style:m},s)});l.propTypes={children:o.any,className:o.string,style:o.object};l.displayName="KendoAppBarSpacer";exports.AppBarSpacer=l;