import{u as d,h as a}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as l}from"./index-NdkWRN8K.js";import{u as p}from"./UiShellProvider-BEcD16AU.js";import{U as s,T as n}from"./uiShellSharedConstants-DD9UP82e.js";import{j as i}from"./jsx-runtime-CnH95YSl.js";/*!
 * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
 * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
 *
 * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *
 * See the License for the specific language governing permissions and limitations under the License.
 */const c=a("div")(()=>({flexGrow:1})),m=a("div")(()=>({flexShrink:0})),u=a("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="topNavBackgroundColor"})(({odysseyDesignTokens:t,topNavBackgroundColor:o})=>({alignItems:"center",backgroundColor:o,display:"flex",gap:t.Spacing4,height:"100%",justifyContent:"space-between",maxHeight:n,minHeight:n,paddingBlock:t.Spacing2,paddingInline:t.Spacing8,position:"relative",transition:`box-shadow ${t.TransitionDurationMain} ${t.TransitionTimingMain}`,zIndex:s,...o===t.HueNeutralWhite&&{borderBottom:`${t.BorderWidthMain} ${t.BorderStyleMain} ${t.HueNeutral100}`}})),x=({leftSideComponent:t,rightSideComponent:o})=>{const e=d(),r=p();return i.jsxs(u,{odysseyDesignTokens:e,topNavBackgroundColor:r==null?void 0:r.topNavBackgroundColor,children:[i.jsx(c,{children:t??i.jsx("div",{})}),i.jsx(m,{children:o??i.jsx("div",{})})]})},h=l.memo(x);h.displayName="TopNav";export{h as M};
