import styled from "@emotion/styled";
import React from "react";
import { LIGHT_PRIMARY_THREE } from "../../../shared/colors";

function Separator(props: any) {
  return <StyledHr {...props}></StyledHr>;
}

const StyledHr = styled.div`
  display: flex;
  width: 100%;
  height: 1px;
  background-color: ${LIGHT_PRIMARY_THREE};
`;

export default Separator;