@krowdy-ui/views/es/SuperFilters/DividerWithText.js

React components that implement Google's Material Design.

import React from 'react';
import { Divider, Typography, makeStyles } from '@krowdy-ui/core';
const useStyles = makeStyles(theme => ({
  divider: {
    width: '25%'
  },
  root: {
    alignItems: 'center',
    display: 'flex',
    justifyContent: 'center',
    width: '100%'
  },
  text: {
    color: theme.palette.secondary[100],
    fontSize: 14,
    margin: theme.spacing(.5, 1)
  }
}));

const DividerWithText = ({
  title
}) => {
  const classes = useStyles();
  return /*#__PURE__*/React.createElement("div", {
    className: classes.root
  }, /*#__PURE__*/React.createElement(Divider, {
    className: classes.divider
  }), /*#__PURE__*/React.createElement(Typography, {
    className: classes.text,
    variant: "body2"
  }, title), /*#__PURE__*/React.createElement(Divider, {
    className: classes.divider
  }));
};

export default DividerWithText;