import * as React from 'react';
import { Props, State } from './type';
import styled from 'styled-components'
import {rem} from '../style/function.style'

const Divider = styled.div`
  height: ${rem(16)};
  width: 100%!important;
  background-color: #f6f6f6;
  .nw-dark-mode &{
    background-color: #333;
  }
`

export class SnailDivider extends React.Component<Props, State> {
  public static defaultProps = new Props();
  public state = new State();

  public render() {
    const {style, backgroundColor, height} = this.props;
    return (
      <Divider style={{
        ...style,
        backgroundColor,
        height: rem(height)
      }}></Divider>
    )
  }
}