export function SizeStressTestingStory()

in src/stories/ActionList2/fixtures.stories.tsx [605:646]


export function SizeStressTestingStory(): JSX.Element {
  return (
    <>
      <h1>Size Stress Testing</h1>
      <ErsatzOverlay maxWidth="300px">
        <ActionList showDividers>
          <ActionList.Item>
            <ActionList.LeadingVisual>
              <ArrowRightIcon />
            </ActionList.LeadingVisual>
            Block Description. Long text should wrap
            <ActionList.Description variant="block">
              This description is long, but it is block so it wraps
            </ActionList.Description>
            <ActionList.TrailingVisual>
              <ArrowLeftIcon />
            </ActionList.TrailingVisual>
          </ActionList.Item>
          <ActionList.Item>
            <ActionList.LeadingVisual>
              <ArrowRightIcon />
            </ActionList.LeadingVisual>
            Inline Description
            <ActionList.Description>This description gets truncated because it is inline</ActionList.Description>
            <ActionList.TrailingVisual>
              <ArrowLeftIcon />
            </ActionList.TrailingVisual>
          </ActionList.Item>
          <ActionList.Item>
            <ActionList.LeadingVisual>
              <ArrowRightIcon />
            </ActionList.LeadingVisual>
            Really long text without a description should wrap so it wraps
            <ActionList.TrailingVisual>
              <ArrowLeftIcon />
            </ActionList.TrailingVisual>
          </ActionList.Item>
        </ActionList>
      </ErsatzOverlay>
    </>
  )
}