// TODO: Uncomment the tests below when the components are ready for conformance testing.
// import { render } from "@testing-library/react";
// import { axe } from 'vitest-axe';

// import { Bar, BarItem } from "../../Bar";
// import { Button } from "../../Button";
// import { Card, CardSection } from "../../Card";
// import { Icon } from "../../Icon";
// import { Link } from "../../Link";
// import List, { ListItem } from "../../List";
// import BlockAction, {
//   BlockActionControl,
//   BlockActionIndicator,
//   BlockActionOverride,
// } from "../";

// const listItems = [
//   {
//     title: "Sem Mattis Aenean",
//     description: "Donec id elit non mi porta gravida at eget metus.",
//   },
//   {
//     title: "Malesuada Fusce Fringilla Nibh",
//     description: "Nullam quis risus eget urna mollis ornare vel eu leo.",
//   },
//   {
//     title: "Euismod Fermentum Risus",
//     description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
//   },
// ];

// const listExample = (
//   <>
//     <List>
//       {listItems.map((item) => (
//         <BlockAction key={item.title}>
//           <ListItem>
//             <Bar>
//               <BarItem isFilling>
//                 <BlockActionControl>
//                   {}
//                   <a href="#" className="list__control">
//                     {item.title}
//                   </a>
//                 </BlockActionControl>
//               </BarItem>
//               <BarItem isFilling>
//                 <p>{item.description}</p>
//               </BarItem>
//               <BarItem>
//                 <BlockActionOverride>
//                   <Button href="#" size="small">
//                     Override
//                   </Button>
//                 </BlockActionOverride>
//               </BarItem>
//               <BarItem>
//                 <BlockActionIndicator>
//                   <Icon name="chevron-right" size="medium" />
//                 </BlockActionIndicator>
//               </BarItem>
//             </Bar>
//           </ListItem>
//         </BlockAction>
//       ))}
//     </List>
//   </>
// );

// const cardExample = (
//   <BlockAction>
//     <Card hasBorder>
//       <CardSection>
//         <h2>
//           <Bar tag="span">
//             <BarItem tag="span" isFilling>
//               <BlockActionControl>
//                 <Link href="#">Control anchor</Link>
//               </BlockActionControl>
//             </BarItem>
//             <BarItem tag="span">
//               <BlockActionIndicator>
//                 <Icon name="chevron-right" size="medium" />
//               </BlockActionIndicator>
//             </BarItem>
//           </Bar>
//         </h2>
//         <p>Aenean lacinia bibendum nulla sed consectetur.</p>
//         <BlockActionOverride>
//           <Button>Override button</Button>
//         </BlockActionOverride>
//       </CardSection>
//     </Card>
//   </BlockAction>
// );

// it("listExample is valid html", () => {
//   const { container } = render(listExample);
//   expect(container).toHTMLValidate();
// });

// it("listExample is accessible", async () => {
//   const { container } = render(listExample);
//   expect(await axe(container)).toHaveNoViolations();
// });

// it("cardExample is valid html", () => {
//   const { container } = render(cardExample);
//   expect(container).toHTMLValidate();
// });

// it("cardExample is accessible", async () => {
//   const { container } = render(cardExample);
//   expect(await axe(container)).toHaveNoViolations();
// });

it("should render without crashing", () => {});
