All files / src/px-tile index.js

100% Statements 2/2
100% Branches 1/1
100% Functions 1/1
100% Lines 2/2
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39                          1x       1x                                          
import React from 'react';
import classnames from 'classnames';
 
import style from './style.scss';
 
/**
 * px-tile component
 */
export default ({
  title = 'px-tile',
  description,
  image,
  children}) => {
  const baseClasses = classnames('px-tile', {
    'px-tile--children': children
  });
 
  return (
    <div className={baseClasses}>
      <div className="tile__container">
       <div id="tile" className="tile">
         <div id="thumbnail" className="thumbnail">
           <img src={image}/>
         </div>
         <div className="title epsilon"><span className="title-span truncate">{title}</span></div>
       </div>
       <div id="overlay" className="overlay">
         <div className="title epsilon"><span className="title-span truncate">{title}</span></div>
         <div className="text">{description}</div>
         <div className="footer">
 
         </div>
       </div>
     </div>
      <style jsx>{style}</style>
    </div>
  );
}