import { Link } from 'react-router-dom';
import { PATHS as WORKSPACE } from './index';

import { Button, Heading } from 'components/common';

export const StartHere = () => {
  return (
    <div className="h100 flex flexColumn alignCenter justifyCenter">
      <Button as={Link} to={`../${WORKSPACE.import}`} size="l" className="tdn">
        Import data
      </Button>
      <Heading size="l" align="center" className="marginY4">
        There's nothing to show yet...
      </Heading>
    </div>
  );
};