'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
function _export(target, all) {
    for(var name in all)Object.defineProperty(target, name, {
        enumerable: true,
        get: all[name]
    });
}
_export(exports, {
    teachingPopoverBodyClassNames: function() {
        return teachingPopoverBodyClassNames;
    },
    useMediaStyles: function() {
        return useMediaStyles;
    },
    useTeachingPopoverBodyStyles_unstable: function() {
        return useTeachingPopoverBodyStyles_unstable;
    }
});
const _react = require("@griffel/react");
const teachingPopoverBodyClassNames = {
    root: 'fui-TeachingPopoverBody',
    media: 'fui-TeachingPopoverBody__media'
};
const popoverBodyDimension = 288;
const useMediaStyles = /*#__PURE__*/ (0, _react.__styles)({
    base: {
        Bw0ie65: 0,
        Br312pm: 0,
        nk6f5a: 0,
        Ijaq50: 0,
        Bq1tomu: "fujjg13",
        B68tc82: 0,
        Bmxbyg5: 0,
        Bpg54ce: "f1a3p1vp",
        a9b677: "f14z66ap",
        jrapky: "f1jlhsmd",
        ha4doy: "fmrv4ls",
        Brf1p80: "f4d9j23",
        mc9l5x: "f22iagw"
    },
    short: {
        Bubjx69: "f1taewuw",
        Bfd67p1: "f2f587x"
    },
    medium: {
        Bubjx69: "f7da563",
        Bfd67p1: "fmwcswg"
    },
    tall: {
        Bubjx69: "f9ikmtg",
        Bfd67p1: "f1gv48o"
    }
}, {
    d: [
        [
            ".fujjg13{grid-area:media;}",
            {
                p: -1
            }
        ],
        [
            ".f1a3p1vp{overflow:hidden;}",
            {
                p: -1
            }
        ],
        ".f14z66ap{width:auto;}",
        ".f1jlhsmd{margin-bottom:12px;}",
        ".fmrv4ls{vertical-align:middle;}",
        ".f4d9j23{justify-content:center;}",
        ".f22iagw{display:flex;}",
        ".f1taewuw{aspect-ratio:2.4615384615384617;}",
        ".f7da563{aspect-ratio:1.6363636363636365;}",
        ".f9ikmtg{aspect-ratio:1;}"
    ],
    t: [
        "@supports not (aspect-ratio){.f2f587x{height:117px;}}",
        "@supports not (aspect-ratio){.fmwcswg{height:176px;}}",
        "@supports not (aspect-ratio){.f1gv48o{height:288px;}}"
    ]
});
const useStyles = /*#__PURE__*/ (0, _react.__styles)({
    root: {
        mc9l5x: "f22iagw",
        Beiy3e4: "f1vx9l62",
        Byoj8tv: "fpe6lb7"
    }
}, {
    d: [
        ".f22iagw{display:flex;}",
        ".f1vx9l62{flex-direction:column;}",
        ".fpe6lb7{padding-bottom:12px;}"
    ]
});
const useTeachingPopoverBodyStyles_unstable = (state)=>{
    'use no memo';
    const { mediaLength } = state;
    const styles = useStyles();
    const mediaStyles = useMediaStyles();
    state.root.className = (0, _react.mergeClasses)(teachingPopoverBodyClassNames.root, styles.root, state.root.className);
    if (state.media) {
        state.media.className = (0, _react.mergeClasses)(teachingPopoverBodyClassNames.media, mediaStyles.base, mediaStyles[mediaLength], state.media.className);
    }
    return state;
};