import { jsx } from "react/jsx-runtime";
import { Skeleton } from "@uipath/apollo-wind";
import { memo } from "react";
const BaseInnerShape = /*#__PURE__*/ memo(({ loading, color, background, children })=>/*#__PURE__*/ jsx("div", {
        className: " flex items-center justify-center overflow-hidden bg-surface text-foreground  w-(--inner-w) h-(--inner-h) rounded-(--inner-radius)  [&>svg]:w-(--icon-size) [&>svg]:h-(--icon-size)  [&>img]:w-(--icon-size) [&>img]:h-(--icon-size) [&>img]:object-contain ",
        style: color || background ? {
            color,
            background
        } : void 0,
        children: loading ? /*#__PURE__*/ jsx(Skeleton, {
            "data-testid": "skeleton-icon",
            className: "rounded-lg w-(--icon-size) h-(--icon-size)"
        }) : children
    }));
export { BaseInnerShape };
