@foo-software/react-toolbox/components/list/ListDivider.js

A set of React components implementing Google's Material Design specification with the power of CSS Modules.

import React from 'react';
import PropTypes from 'prop-types';
import { themr } from 'react-css-themr';
import { LIST } from '../identifiers';

const ListDivider = ({ inset, theme }) => (
  <hr className={inset ? `${theme.divider} ${theme.inset}` : theme.divider} />
);

ListDivider.propTypes = {
  inset: PropTypes.bool,
  theme: PropTypes.shape({
    divider: PropTypes.string,
    inset: PropTypes.string,
  }),
};

ListDivider.defaultProps = {
  inset: false,
};

export default themr(LIST)(ListDivider);
export { ListDivider };