Styled Map Object Example

styled-map-1-example.js

import styledMap from 'styled-map';

const buttonColor = styledMap({
  primary: '#0c0',
  warning: '#c00',
  info: '#0cc',
  default: '#ccc',
});

const Button = styled.button`
  color: ${buttonColor};
  border: 2px solid ${buttonColor};
  font-size: ${styledMap({
    large: '32px',
    small: '8px',
    medium: '18px',
    default: '16px',
  })};
`;

<Button primary large>Submit</Button>