front/odiparpack/app/containers/UiElements/demos/Dividers/SpecialDividers.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

import React, { Fragment, PureComponent } from 'react';
import Type from 'ba-styles/Typography.scss';
import {
  FlairedEdgesDivider,
  ContentDivider,
} from 'ba-components/Divider';

import { Typography } from '@material-ui/core';

class CommonDivider extends PureComponent {
  render() {
    return (
      <Fragment>
        <Typography variant="button" className={Type.textCenter}>Flaired Edges Divider</Typography>
        <FlairedEdgesDivider />
        <Typography variant="button" className={Type.textCenter}>Content Text Divider</Typography>
        <ContentDivider content="OR" />
      </Fragment>
    );
  }
}

export default CommonDivider;