import { n as AnalyticsId } from "../../constants2.js";
import { a as PanelVariant, t as PanelListContext } from "../../utils5.js";
import classNames from "classnames";
import React from "react";
import { jsx } from "react/jsx-runtime";
import styles from "./styles.module.scss";
var PanelList = (props) => {
	const { testId, children, variant = PanelVariant.fill, highlightText, ref } = props;
	const contextValue = React.useMemo(() => ({
		variant,
		highlightText,
		applyPanelClassName: (existingClassName) => classNames(existingClassName, styles[`panel-list__panel--${variant}`])
	}), [variant, highlightText]);
	return /* @__PURE__ */ jsx(PanelListContext.Provider, {
		value: contextValue,
		children: /* @__PURE__ */ jsx("div", {
			ref,
			"data-testid": testId,
			"data-analyticsid": AnalyticsId.PanelList,
			className: classNames({ [styles["panel-list--outline"]]: variant === PanelVariant.outline }),
			children
		})
	});
};
var PanelList_default = PanelList;
export { PanelListContext, PanelList_default as default };

//# sourceMappingURL=index.js.map