import classNames from "classnames";
import { jsx } from "react/jsx-runtime";
import styles from "./components/Tabs/TabPanel/styles.module.scss";
var TabPanel = (props) => {
	const { children, color = "white", isFirst = false, style, ref } = props;
	return /* @__PURE__ */ jsx("div", {
		ref,
		className: classNames(styles["tab-panel"], styles[`tab-panel--${color}`], { [styles["tab-panel--first"]]: isFirst }),
		style,
		children: /* @__PURE__ */ jsx("div", { children })
	});
};
TabPanel.displayName = "TabPanel";
var TabPanel_default$1 = TabPanel;
export { TabPanel_default$1 as t };

//# sourceMappingURL=TabPanel.js.map