import styled, { css } from 'styled-components';

import { ISeparator } from './Separator.interface';

export const StyledSeparator = styled.div<ISeparator>`
  display: block;
  border: none;
  width: 100%;

  margin: ${props => props.margin ? `var(--space-${props.margin}) 0` : ""};
  margin-top: ${props => props.marginTop ? `var(--space-${props.marginTop})` : ""};
  margin-bottom: ${props => props.marginBottom ? `var(--space-${props.marginBottom})` : ""};
`;