import Box from '../../box';
import React from 'react';
import ReactDOM from 'react-dom';
import Tag from '..';

ReactDOM.render(
  <div>
    <Box direction="row" className="tag-list" spacing={20}>
      <Tag type="normal">Normal Tag</Tag>
      <Tag type="primary">Primary Tag</Tag>
    </Box>
    <br/>
    <br/>
    <div style={{ background: '#f3f3f3', padding: '10px' }}>
      <Box direction="row" className="tag-list" spacing={20}>
        <Tag type="normal" theme='grey'>Normal Tag</Tag>
        <Tag type="primary" theme='grey'>Primary Tag</Tag>
      </Box>
    </div>
  </div>,

  document.getElementById('tag-demo-1'),
);