import { create , tsx } from '@dojo/framework/core/vdom' ; import Card from '@dojo/widgets/card' ; import Button from '@dojo/widgets/button' ; import Icon from '@dojo/widgets/icon' ; import Example from '../../Example' ; const mediaSrc = require ( './img/card-photo.jpg' ) ; const factory = create ( ) ; export default factory ( function CardWithMediaContent ( ) { return ( < Example > < div styles = { { maxWidth : '400px' } } > < Card mediaSrc = { mediaSrc } title = "Hello, World" subtitle = "A pretty picture" > { { header : < div > Header Content < / div > , content : < span > Travel the world today . < /span>, actionButtons : ( < virtual > < Button > Read < /Button> < Button > Bookmark < /Button> < /virtual>), actionIcons : ( < virtual > < Icon type = "secureIcon" / > < Icon type = "downIcon" / > < Icon type = "upIcon" / > < /virtual>) } } < /Card> < /div> < /Example>); } ) ;