import { __rest, __assign } from '../../../node_modules/tslib/tslib.es6.js';
import React from 'react';
import { useMultiStyleConfig, Box } from '@chakra-ui/react';
import MarkedTextMark from './mark/index.js';

var MarkedText = function (_a) {
    var children = _a.children, _b = _a.variant, variant = _b === void 0 ? 'highlight' : _b, _c = _a.highlightColor, highlightColor = _c === void 0 ? 'brand.primary' : _c, boxProps = __rest(_a, ["children", "variant", "highlightColor"]);
    var _d = useMultiStyleConfig('MarkedText', {
        variant: variant,
        highlightColor: highlightColor,
    }), container = _d.container, text = _d.text;
    return (React.createElement(Box, __assign({ __css: container }, boxProps),
        React.createElement(MarkedTextMark, { variant: variant, highlightColor: highlightColor }),
        React.createElement(Box, { __css: text }, children)));
};

export { MarkedText as default };
//# sourceMappingURL=index.js.map
