import {h, Component} from 'preact';
import Card from 'preact-material-components/Card';
import 'preact-material-components/Card/style.css';
import 'preact-material-components/Button/style.css';

export default class CardsPage extends Component {
  render(){
    return (
      <div>
       <Card>
          <div>
            <h2 class=" mdc-typography--title">Hi</h2>
            <div class=" mdc-typography--caption">Let me subtitle</div>
          </div>
          <Card.Media className="card-media" />
          <Card.Actions>
            <Card.ActionButton>OKAY</Card.ActionButton>
          </Card.Actions>
        </Card>
      </div>
    );
  }
}