import React from "react";
import { Divider as AntdDivider } from "antd";
// import "./Divider.css";
import styled from "styled-components";

const StyledDivider = styled(AntdDivider)`
  border-color: ${(props) => (props.color ? `${props.color} !important` : "auto")};
`;

const Divider = (props) => {
  const { type = "horizontal", color, children, className, ...rest } = props;

  return (
    <StyledDivider type={type} color={color} {...rest} className={className ? className : ""}>
      {children}
    </StyledDivider>
  );
};

export default Divider;