import { Badge, Button, Card, Form, FormGroup, Table } from 'react-bootstrap';

function HomePage() {
  return (
      <h1>React Bootstrap DSP for Adobe XD VSCode Extension</h1>
      <h4>Example heading <Badge variant="secondary">New</Badge></h4>
      <Button variant="primary">Primary Button</Button>
      <Card style={{ width: '18rem' }}>
        <Card.Img variant="top" src="holder.js/100px180" />
          <Card.Title>Card Title</Card.Title>
            Some quick example text to build on the card title and make up the bulk of
            the card's content.
          <Button variant="primary">Go somewhere</Button>
        <Form.Group controlId="exampleForm.ControlInput1">
          <Form.Label>Email address</Form.Label>
          <Form.Control type="email" placeholder="[email protected]" />
      <Table striped bordered hover>
            <th>First Name</th>
            <th>Last Name</th>
            <td colSpan="2">Larry the Bird</td>

export default HomePage;