text: import React from 'react';
  import { Link } from 'react-router-dom';
  import { Button } from 'react-bootstrap';
  
  import FolderIcon from '@material-ui/icons/Folder';
  
  export default function Folder({ folder }) {
    return (
      <Button 
        as={Link} 
        to={{
          pathname: `/folder/${folder.id}`,
          state: { folder: folder }
        }}
        variant='outline-dark' 
        className='text-truncate w-100'
      >
        <FolderIcon className='mr-2' />
        {folder.name}
      </Button>
    )
  };
  