import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
import { ToolFeaturesStyled } from '../../toolbar.style';
import { GridFeature, GRID_FEATURE_NAME } from '../grid-feature';
import { TemplateFeature, PreviewFeature, NestToSelectedFeature, } from './components';
import { TEMPLATE_FEATURE_NAME, PREVIEW_FEATURE_NAME, NEST_TO_SELECTED_FEATURE_NAME, } from './consts';
export const TemplateFeatures = ({ features }) => (_jsxs(ToolFeaturesStyled, { children: [_jsx(NestToSelectedFeature, { value: features[NEST_TO_SELECTED_FEATURE_NAME] }), _jsx(PreviewFeature, { value: features[PREVIEW_FEATURE_NAME] }), _jsx(GridFeature, { value: features[GRID_FEATURE_NAME] }), _jsx(TemplateFeature, { value: features[TEMPLATE_FEATURE_NAME] })] }));
