import React from 'react';
import classnames from 'classnames';
import Box from '@mui/material/Box';
import Typography from '@mui/material/Typography';
import { useStyles } from './styles';
export var DividerWithText = function (_a) {
    var children = _a.children, className = _a.className;
    var styles = useStyles();
    return (React.createElement(Box, { "data-reltio-id": "divider-with-text", className: classnames(styles.root, className) },
        React.createElement(Box, { className: styles.border }),
        React.createElement(Typography, { className: styles.text }, children),
        React.createElement(Box, { className: styles.border })));
};
