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

React components that implement Google's Material Design.

import React from 'react';
import { Divider, Typography, makeStyles } from '@krowdy-ui/core';
var useStyles = makeStyles(function (theme) {
  return {
    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)
    }
  };
});

var DividerWithText = function DividerWithText(_ref) {
  var title = _ref.title;
  var 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;