/*! * Copyright (c) 2025-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. */ import { CSSProperties, RefObject } from "react"; import { UiShellContentProps } from "./uiShellContentTypes.js"; export declare const convertCamelCaseToKebabCase: (string: string) => string; export declare const setStylesToMatchElement: ({ additionalStyles, appContainerElement, appContentReferenceElement, parentElement, }: { additionalStyles: CSSProperties; appContainerElement: HTMLElement; appContentReferenceElement: HTMLElement; parentElement: HTMLElement; }) => void; export type UseMatchAppElementToUiShellAppAreaProps = { /** * Padding around the app area. "comfortable" is designed for wider views whereas "compact" is designed for narrower views. */ paddingMode: "comfortable" | "compact" | "none"; /** * Ref for the App Container in UI Shell. This should be the one inside the Shell, **not** the element we're going to align. */ uiShellAppAreaRef: RefObject; /** * Array of refs of items that indirectly resize the app content area such as "side nav" and "top nav". */ uiShellResizableRefs: Array>; } & Pick; export declare const useMatchAppElementToUiShellAppArea: ({ appElement, appElementScrollingMode, paddingMode, uiShellAppAreaRef, uiShellResizableRefs, }: UseMatchAppElementToUiShellAppAreaProps) => { parentContainerRef: RefObject; }; //# sourceMappingURL=useMatchAppElementToUiShellAppArea.d.ts.map