import React from 'react';
import styled from 'styled-components';

export const DivComponent = (props) => (
  <mimic-div class={ props.className } { ...props }>
    { props.children }
  </mimic-div>
);

export const SpanComponent = (props) => (
  <mimic-span class={ props.className } { ...props }>
    { props.children }
  </mimic-span>
);

export const Div = styled(DivComponent)`
  display: block;
`;

export const Span = styled(SpanComponent)`
  display: inline-block;
`;



import React from 'react';
import styled from 'styled-components';

export const DivComponent = (props) => (
  <mimic-div class={ props.className } { ...props }>
    { props.children }
  </mimic-div>
);

export const SpanComponent = (props) => (
  <mimic-span class={ props.className } { ...props }>
    { props.children }
  </mimic-span>
);

export const Div = styled(DivComponent)`
  display: block;
  box-sizing: content-box;

  * {
    box-sizing: content-box;
  }
`;

export const Span = styled(SpanComponent)`
  display: inline-block;
  box-sizing: content-box;

  * {
    box-sizing: content-box;
  }
`;



Fix box sizing overrides from normalizer
Fix box sizing overrides from normalizer
