import LibraryItemComponent from "components/LibraryItemComponent" ; import * as React from "react" ; import { Spinner , Classes } from "@blueprintjs/core" ; require ( './PlaceholderComponent.scss' ) ; export default class PlaceholderComponent extends LibraryItemComponent < { loading : boolean ; sub ? : string ; header ? : string ; } , { } > { loadImage ( id , img ) { } loadItem ( id ) { } unloadItem ( ) { } getClassNames ( ) { return [ 'placeholder-component' ] ; } renderSubtitle ( ) { return this . props . sub || 'Click to search for albums' ; } renderHeader ( ) { return this . props . header || 'Add album' ; } renderImage ( ) { return < div className = "placeholder-image" > { this . props . loading ? < Spinner className = { Classes . SMALL } /> : <span className="pt-icon-plus"></span > } < /div>; } }