/*!
 * Copyright (c) 2024-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 { HTMLAttributes, MouseEventHandler, ReactElement, ReactNode } from "react";
export declare const APP_TILE_COMPACT_IMAGE_HEIGHT = "2.85714286rem";
export declare const APP_TILE_IMAGE_HEIGHT = "4.57142857rem";
export declare const APP_TILE_PLACEHOLDER_IMAGE_WIDTH = "4.57142857rem";
export declare const appTileVariantValues: readonly ["comfortable", "compact"];
export type AppTileProps = {
    auxiliaryText?: string;
    children?: ReactNode;
    description?: string;
    image?: ReactElement;
    /**
     * If `true`, renders skeleton placeholders in place of app tile content.
     */
    isLoading?: boolean;
    onClick: MouseEventHandler;
    title?: string;
    /**
     * Controls the layout density of the tile.
     * - If `'comfortable'`, renders with standard padding.
     * - If `'compact'`, renders with reduced padding for denser layouts.
     */
    variant?: (typeof appTileVariantValues)[number];
} & ({
    actionAriaControls?: HTMLAttributes<HTMLElement>["aria-controls"];
    actionAriaExpanded?: HTMLAttributes<HTMLElement>["aria-expanded"];
    actionAriaHasPopup?: HTMLAttributes<HTMLElement>["aria-haspopup"];
    actionIcon: ReactElement;
    actionLabel: string;
    onActionClick: MouseEventHandler;
} | {
    actionAriaControls?: never;
    actionAriaExpanded?: never;
    actionAriaHasPopup?: never;
    actionIcon?: never;
    actionLabel?: never;
    onActionClick?: never;
});
declare const MemoizedAppTile: import("react").MemoExoticComponent<({ actionAriaControls, actionAriaHasPopup, actionAriaExpanded, actionLabel, actionIcon, auxiliaryText, children, description, image, isLoading, onActionClick, onClick, title, variant, }: AppTileProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
export { MemoizedAppTile as AppTile };
//# sourceMappingURL=AppTile.d.ts.map