import "../../../../@ant-design/cssinjs/es/extractStyle.mjs";
import "../../../../@ant-design/cssinjs/es/hooks/useCacheToken.mjs";
import "react";
import "../../../../@ant-design/cssinjs/es/StyleContext.mjs";
import { unit as t } from "../../../../@ant-design/cssinjs/es/util/index.mjs";
import "../../../../@ant-design/cssinjs/es/hooks/useCompatibleInsertionEffect.mjs";
import "../../../../@ant-design/cssinjs/es/hooks/useEffectCleanupRegister.mjs";
import "../../../../@ant-design/cssinjs/es/hooks/useHMR.mjs";
import "../../../../rc-util/es/warning.mjs";
import "../../../../@ant-design/cssinjs/es/theme/createTheme.mjs";
import "../../../../@ant-design/cssinjs/es/theme/ThemeCache.mjs";
import "../../../../@ant-design/cssinjs/es/transformers/legacyLogicalProperties.mjs";
import { prepareComponentToken as e } from "./index.mjs";
import i from "../../theme/util/genComponentStyleHook.mjs";
import m from "./columns.mjs";
const p = (o) => {
  const {
    componentCls: r
  } = o;
  return {
    [`${r}-panel`]: [m(o), {
      display: "inline-flex",
      border: `${t(o.lineWidth)} ${o.lineType} ${o.colorSplit}`,
      borderRadius: o.borderRadiusLG,
      overflowX: "auto",
      maxWidth: "100%",
      [`${r}-menus`]: {
        alignItems: "stretch"
      },
      [`${r}-menu`]: {
        height: "auto"
      },
      "&-empty": {
        padding: o.paddingXXS
      }
    }]
  };
}, x = i(["Cascader", "Panel"], (o) => p(o), e);
export {
  x as default
};
