text: // @flow
  import * as React from 'react';
  import {useStyletron} from 'baseui';
  import {Table} from 'baseui/table';
  
  const DATA = [
    ['Sarah Brown', 31, '100 Broadway st. New York City, New York'],
    ['Jane Smith', 32, '100 Market st. San Francisco, California'],
    ['Joe Black', 33, '100 Macquarie st. Sydney, Australia'],
    ['Sarah Brown', 31, '100 Broadway st. New York City, New York'],
    ['Jane Smith', 32, '100 Market st. San Francisco, California'],
    ['Joe Black', 33, '100 Macquarie st. Sydney, Australia'],
    ['Sarah Brown', 31, '100 Broadway st. New York City, New York'],
    ['Jane Smith', 32, '100 Market st. San Francisco, California'],
    ['Joe Black', 33, '100 Macquarie st. Sydney, Australia'],
    ['Sarah Brown', 31, '100 Broadway st. New York City, New York'],
    ['Jane Smith', 32, '100 Market st. San Francisco, California'],
    ['Joe Black', 33, '100 Macquarie st. Sydney, Australia'],
  ];
  
  const COLUMNS = ['Name', 'Age', 'Address'];
  
  export default () => {
    const [useCss] = useStyletron();
    return (
      <div className={useCss({height: '500%'})}>
        <Table columns={COLUMNS} data={DATA} />
      </div>
    );
  };
  