/*
 * @Author: codingfly
 * @Description:
 * @Date: 2021-08-06 13:37:52
 * @LastEditTime: 2021-09-08 16:05:42
 * @FilePath: \annar-master\components\divider\index.tsx
 */
import * as React from 'react';
import { View } from 'remax/one';
import Space from './../space';

var Divider = function Divider(props) {
  var color = props.color,
      _props$backgroundColo = props.backgroundColor,
      backgroundColor = _props$backgroundColo === void 0 ? 'transparent' : _props$backgroundColo,
      padding = props.padding,
      margin = props.margin,
      children = props.children,
      style = props.style;
  return /*#__PURE__*/React.createElement(Space, {
    style: Object.assign(Object.assign({}, style), {
      padding: padding,
      margin: margin,
      color: color,
      backgroundColor: backgroundColor
    }),
    justify: "center"
  }, /*#__PURE__*/React.createElement(View, {
    style: {
      backgroundColor: color,
      width: '64px',
      height: '1Px',
      marginRight: '10px'
    }
  }), /*#__PURE__*/React.createElement(View, null, children), /*#__PURE__*/React.createElement(View, {
    style: {
      backgroundColor: color,
      width: '64px',
      height: '1Px',
      marginLeft: '10px'
    }
  }));
};

export default Divider;