import * as React from "react" ; import { Callout , Intent } from "@blueprintjs/core" ; import { IconNames } from "@blueprintjs/icons" ; import { ExampleCard } from "./ExampleCard" ; export class CalloutExample extends React . PureComponent { public render ( ) { return ( < div className = "example-row" > < ExampleCard label = "Callout" > { Object . values ( Intent ) . map ( intent => ( < Callout key = { `${ intent }-callout` } intent = { intent as Intent } title = "Callout heading" icon = { IconNames . INFO_SIGN } > This is callout text < /Callout>))} < /ExampleCard> < /div>); } }