import React from 'react';
import { Card, CardTitle, CardBody, CardFooter } from '@breakaway/preact-core';

export const CardWithHeadingElement: React.FunctionComponent = () => (
  <Card>
    <CardTitle component="h4">Title within an {'<h4>'} element</CardTitle>
    <CardBody>Body</CardBody>
    <CardFooter>Footer</CardFooter>
  </Card>
);