text: import React from 'react';
  import { Slide, Heading, Table, TableHeader, TableRow, TableHeaderItem, TableItem, TableBody, Text, Link, Notes, List, ListItem } from 'spectacle';
  
  import bootstrap from '../../assets/bootstrap.svg';
  
  export default (
    <div hasSlideChildren>
  
      <Slide transition={["fade"]} bgColor="primary" textColor="secondary">
        <Heading size={4} textColor="secondary">Bootstrap</Heading>
        <img src={bootstrap} height="200px" width="200px" />
        <Notes>Bootstrap is a wildly popular framework. How many people have used it?</Notes>
      </Slide>
  
      <Slide transition={["fade"]} bgColor="primary" textColor="secondary">
        <Table textAlign="right">
          <TableHeader>
            <TableRow>
              <TableHeaderItem></TableHeaderItem>
              <TableHeaderItem><Link href="https://react-bootstrap.github.io/components/buttons/" target="new">react-bootstrap</Link></TableHeaderItem>
              <TableHeaderItem><Link href="http://reactstrap.github.io/components/buttons/" target="new" >reactstrap</Link></TableHeaderItem>
            </TableRow>
          </TableHeader>
          <TableBody>
            <TableRow>
              <TableItem>Version</TableItem>
              <TableItem>0.32.1</TableItem>
              <TableItem>4.8.0</TableItem>
            </TableRow>
            <TableRow>
              <TableItem>GitHub Stars</TableItem>
              <TableItem>12,110</TableItem>
              <TableItem>3,346</TableItem>
            </TableRow>
            <TableRow>
              <TableItem># Components</TableItem>
              <TableItem>26</TableItem>
              <TableItem>26</TableItem>
            </TableRow>
            <TableRow>
              <TableItem># Contributors</TableItem>
              <TableItem>198</TableItem>
              <TableItem>79</TableItem>
            </TableRow>
            <TableRow>
              <TableItem>Open Bugs / Issues</TableItem>
              <TableItem>4 / 43</TableItem>
              <TableItem>5 / 70</TableItem>
            </TableRow>
            <TableRow>
              <TableItem>License</TableItem>
              <TableItem>MIT</TableItem>
              <TableItem>MIT</TableItem>
            </TableRow>
          </TableBody>
        </Table>
        <Notes>
          <List>
            <ListItem>React-bootstrap is in active development, but still on a roadmap for a 1.0.0 release. It currently offers an implementation of Bootstrap 3 styling encapsulated into React components.</ListItem>
            <ListItem>Reactstrap is an easy to implement component library that already utilizes many of the Bootstrap 4 components.</ListItem>
          </List>
        </Notes>
      </Slide>
    </div>
  );
  