revenge-react-components/src/Divider/Divider.js

react-components for revenge https://github.com/buildo/revenge

import React from 'react';
import { pure, skinnable, props, t } from 'revenge';
import cx from 'classnames';

import './divider.scss';

const orientation = t.enums.of(['horizontal', 'vertical'], 'orientation');
const sizeType = t.enums.of(['small', 'medium', 'large', 'no-margin'], 'sizeType');

const dividerProps = {
  orientation: t.maybe(orientation),
  style: t.maybe(t.Obj),
  size: t.maybe(sizeType)
};

const defaultDividerProps = {
  orientation: 'vertical',
  size: 'small',
  style: {}
};

@pure
@skinnable()
@props(dividerProps)
export default class Divider extends React.Component {

  static defaultProps = defaultDividerProps

  getLocals() {
    return {
      ...this.props
    };
  }

  template({ orientation, style, size }) {
    return (
      <div className={cx('divider', orientation, size)} style={style} />
    );
  }
}