@progress/kendo-react-layout/appbar/AppBarSection.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"),a=require("prop-types"),u=require("@progress/kendo-react-common");function d(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(c,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return c.default=e,Object.freeze(c)}const t=d(f),o=t.forwardRef((e,c)=>{const{children:n,className:r,style:i}=e,s=t.useRef(null),l=t.useCallback(()=>{s.current&&u.focusFirstFocusableChild(s.current)},[]),p=t.useCallback(()=>({element:s.current,focus:l}),[l]);t.useImperativeHandle(c,p);const m=t.useMemo(()=>u.classNames("k-appbar-section",r),[r]);return t.createElement("div",{className:m,style:i},n)});o.propTypes={children:a.any,className:a.string,style:a.object};o.displayName="KendoAppBarSection";exports.AppBarSection=o;