import classNames from "classnames" ; import * as React from "react" ; import { Card , Classes , H4 , H5 } from "@blueprintjs/core" ; export interface ExampleCardProps { label : string ; subLabel ? : string ; width ? : number ; horizontal ? : boolean ; } const DEFAULT_WIDTH = 500 ; export class ExampleCard extends React . PureComponent < ExampleCardProps > { public render ( ) { const width = this . props . width ?? DEFAULT_WIDTH ; return ( < div className = "example-card-container" > < H4 className = { Classes . HEADING } > { this . props . label } < /H4> { this . props . subLabel ?? < H5 className = { Classes . HEADING } > { this . props . subLabel } < /H5>} < Card className = { classNames ( "example-card" , { [ "horizontal" ] : this . props . horizontal } ) } elevation = { 0 } style = { { width : `${ width }px` } } > { this . props . children } < /Card> < /div>); } }