import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Box, H5, v } from '../index';
import { tutorialColors } from './consts';
export const TutorialStep = ({ active, content, title }) => (_jsxs(v.div, { className: "vui-tutorialStep", hidden: !active, pb: 2, children: [_jsx(H5, { color: tutorialColors.color, fontWeight: "medium", mb: 1, children: title }), _jsx(Box, { children: content })] }));
TutorialStep.displayName = 'TutorialStep';
//# sourceMappingURL=tutorialStep.js.map