<script lang="ts">
  import {
    StructuredList,
    StructuredListBody,
    StructuredListHead,
    StructuredListCell,
    StructuredListRow,
  } from "carbon-components-svelte";
</script>

<StructuredList>
  <StructuredListHead>
    <StructuredListRow head>
      <StructuredListCell head>
        <div data-testid="custom-header">Custom Header</div>
      </StructuredListCell>
    </StructuredListRow>
  </StructuredListHead>
  <StructuredListBody>
    <StructuredListRow>
      <StructuredListCell>
        <div data-testid="custom-content">Custom Content</div>
      </StructuredListCell>
    </StructuredListRow>
  </StructuredListBody>
</StructuredList>
