import { Card } from '../src/Card';
import { React } from '../src/Svg/index';

export const CardsSection = () => {
  return <>
      <div className="mb-8">
          <h2 className="mb-4">Cards</h2>
          <div className="d-flex justify-content-between">
              <Card fullWidth className="me-1">
                  <h1>Card Title</h1>
                  <ul>
                      <li>This is a card</li>
                      <li>You can put anyting in a card</li>
                  </ul>
              </Card>
              <Card fullWidth className="ms-1">
                  <h1>Card Title</h1>
                  <ul>
                      <li>This is a card</li>
                      <li>You can put anyting in a card</li>
                  </ul>
              </Card>
          </div>
      </div>
  </>;
}