import styled, { StyledComponent } from '@emotion/styled';
import { Box } from '@rebass/emotion';

export const Divider: StyledComponent<any, any, any> = styled(Box)`
  width: ${(props: any): string => props.width};
  margin: ${(props: any): string => `${props.margin}px 0`};
  background: ${(props: any): string => props.color};
  height: ${(props: any): string => props.height};
`;