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

ReactDOM.render(
  <div>
    <p>2个链接组合</p>
    <Box direction="row" className="demo1" spacing={20}>
      <Link.Group style={{ marginRight: 20 }}>
        <Link href="11111">default link1</Link>
        <Link href="11111">default link2</Link>
      </Link.Group>
    </Box>
    <p>文字链接组合</p>
    <Box direction="row" className="demo1" spacing={20}>
      <Link.Group size="small">
        <div>这里是文字表述</div>
        <Link href="11111">small</Link>
      </Link.Group>
      <Link.Group>
        <div>这里是文字表述</div>
        <Link href="11111">medium</Link>
      </Link.Group>

      <Link.Group size="large">
        <div>这里是文字表述</div>
        <Link href="11111">large</Link>
      </Link.Group>
    </Box>
  </div>,
  document.getElementById('link-demo-2'),
);