/*!
 * Copyright (c) 2023-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 { StackProps as MuiStackProps } from "@mui/material";
export declare const stackSpacingValues: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
export declare const stackDirectionValues: readonly ["row", "row-reverse", "column", "column-reverse"];
export type OdysseyStackProps = {
    /** The content to render inside the stack. */
    children?: MuiStackProps["children"];
    /**
     * The component used for the root node. Either a string to use a HTML element or a component.
     */
    component?: MuiStackProps["component"];
    /**
     * Defines the flex-direction style property. It is applied for all screen sizes.
     * @default "column"
     */
    direction?: (typeof stackDirectionValues)[number];
    /**
     * Defines the space between immediate children.
     * @default 2
     */
    spacing?: (typeof stackSpacingValues)[number];
};
declare const MemoizedStack: import("react").MemoExoticComponent<({ children, direction, spacing, }: OdysseyStackProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
export { MemoizedStack as Stack };
//# sourceMappingURL=Stack.d.ts.map