import { v } from "../core/styled.js";
import Box from "../box/box.js";
import { H5 } from "../heading/headings.js";
import { tutorialColors } from "./consts.js";
import { jsx, jsxs } from "react/jsx-runtime";

//#region src/tutorial/tutorialStep.tsx
const TutorialStep = ({ active, content, title, useContentTitle }) => /* @__PURE__ */ jsxs(v.div, {
	className: "vui-tutorialStep",
	hidden: !active,
	pb: 2,
	children: [!useContentTitle && /* @__PURE__ */ jsx(H5, {
		color: tutorialColors.color,
		fontWeight: "medium",
		mb: 1,
		children: title
	}), /* @__PURE__ */ jsx(Box, { children: content })]
});
TutorialStep.displayName = "TutorialStep";

//#endregion
export { TutorialStep };
globalThis.__vuiVersion__ = "4.0.0-beta.1"
//# sourceMappingURL=tutorialStep.js.map