<div class="Polaris-LegacyCard Polaris-LegacyCard--withoutTitle">
<div class="Polaris-ResourceList__ResourceListWrapper">
<ul class="Polaris-ResourceList">
<li data-controller="polaris-resource-item" class="Polaris-ResourceItem__ListItem">
<div class="Polaris-ResourceItem__ItemWrapper">
<div data-action="click->polaris-resource-item#open" style="cursor: default;" class="Polaris-ResourceItem">
<a
class="Polaris-ResourceItem__Link"
tabindex="0"
href="customers/341"
data-polaris-unstyled="true"
data-polaris-resource-item-target="link"></a>
<div style="--pc-box-border-color: transparent;--pc-box-border-style: solid;--pc-box-padding-block-end-xs: var(--p-space-3);--pc-box-padding-block-start-xs: var(--p-space-3);--pc-box-padding-inline-end-xs: var(--p-space-3);--pc-box-padding-inline-start-xs: var(--p-space-3);position: relative;z-index: var(--pc-resource-item-content-stacking-order)" class="Polaris-Box">
<div style="--pc-horizontal-grid-grid-template-columns-xs: 1fr auto" class="Polaris-HorizontalGrid">
<div style="--pc-horizontal-grid-gap-xs: var(--p-space-3);--pc-horizontal-grid-grid-template-columns-xs: auto 1fr" class="Polaris-HorizontalGrid">
<div style="--pc-horizontal-stack-align: ;--pc-horizontal-stack-wrap: wrap;--pc-horizontal-stack-gap-xs: var(--p-space-3)" class="Polaris-HorizontalStack">
<span role="img" aria-label="Mae Jemison" class="Polaris-Avatar Polaris-Avatar--sizeMedium Polaris-Avatar--shapeRound">
<span class="Polaris-Avatar__Initials">
<svg class="Polaris-Avatar__Svg" viewBox="0 0 40 40">
<path fill="currentColor" d="M8.28 27.5A14.95 14.95 0 0120 21.8c4.76 0 8.97 2.24 11.72 5.7a14.02 14.02 0 01-8.25 5.91 14.82 14.82 0 01-6.94 0 14.02 14.02 0 01-8.25-5.9zM13.99 12.78a6.02 6.02 0 1112.03 0 6.02 6.02 0 01-12.03 0z"></path>
</svg>
</span>
</span>
</div>
<div style="--pc-horizontal-stack-align: ;--pc-horizontal-stack-block-align: center;--pc-horizontal-stack-wrap: wrap;--pc-horizontal-stack-gap-xs: var(--p-space-2)" class="Polaris-HorizontalStack">
<div style="--pc-box-border-color: transparent;--pc-box-border-style: solid;--pc-box-padding-block-end-xs: var(--p-space-0);--pc-box-padding-block-start-xs: var(--p-space-0);--pc-box-padding-inline-end-xs: var(--p-space-2);--pc-box-padding-inline-start-xs: var(--p-space-0);--pc-box-width: 100%" class="Polaris-Box">
<h3>
<span class="Polaris-Text--root Polaris-Text--bodyMd Polaris-Text--semibold">
Mae Jemison
</span>
</h3>
<div>Decatur, USA</div>
</div>
</div>
</div>
<div class="Polaris-ResourceItem__Actions">
<div data-buttongroup-segmented="true" class="Polaris-ButtonGroup Polaris-ButtonGroup--segmented">
<div class="Polaris-ButtonGroup__Item"><a href="customers/341/latest-order" data-controller="polaris-button" class="Polaris-Button Polaris-Button--sizeSlim">
<span class="Polaris-Button__Content">
<div class="Polaris-Button__Text">
View latest order
</div>
</span>
</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li data-controller="polaris-resource-item" class="Polaris-ResourceItem__ListItem">
<div class="Polaris-ResourceItem__ItemWrapper">
<div data-action="click->polaris-resource-item#open" style="cursor: default;" class="Polaris-ResourceItem">
<a
class="Polaris-ResourceItem__Link"
tabindex="0"
href="customers/256"
data-polaris-unstyled="true"
data-polaris-resource-item-target="link"></a>
<div style="--pc-box-border-color: transparent;--pc-box-border-style: solid;--pc-box-padding-block-end-xs: var(--p-space-3);--pc-box-padding-block-start-xs: var(--p-space-3);--pc-box-padding-inline-end-xs: var(--p-space-3);--pc-box-padding-inline-start-xs: var(--p-space-3);position: relative;z-index: var(--pc-resource-item-content-stacking-order)" class="Polaris-Box">
<div style="--pc-horizontal-grid-grid-template-columns-xs: 1fr auto" class="Polaris-HorizontalGrid">
<div style="--pc-horizontal-grid-gap-xs: var(--p-space-3);--pc-horizontal-grid-grid-template-columns-xs: auto 1fr" class="Polaris-HorizontalGrid">
<div style="--pc-horizontal-stack-align: ;--pc-horizontal-stack-wrap: wrap;--pc-horizontal-stack-gap-xs: var(--p-space-3)" class="Polaris-HorizontalStack">
<span role="img" aria-label="Ellen Ochoa" class="Polaris-Avatar Polaris-Avatar--sizeMedium Polaris-Avatar--shapeRound">
<span class="Polaris-Avatar__Initials">
<svg class="Polaris-Avatar__Svg" viewBox="0 0 40 40">
<path fill="currentColor" d="M8.28 27.5A14.95 14.95 0 0120 21.8c4.76 0 8.97 2.24 11.72 5.7a14.02 14.02 0 01-8.25 5.91 14.82 14.82 0 01-6.94 0 14.02 14.02 0 01-8.25-5.9zM13.99 12.78a6.02 6.02 0 1112.03 0 6.02 6.02 0 01-12.03 0z"></path>
</svg>
</span>
</span>
</div>
<div style="--pc-horizontal-stack-align: ;--pc-horizontal-stack-block-align: center;--pc-horizontal-stack-wrap: wrap;--pc-horizontal-stack-gap-xs: var(--p-space-2)" class="Polaris-HorizontalStack">
<div style="--pc-box-border-color: transparent;--pc-box-border-style: solid;--pc-box-padding-block-end-xs: var(--p-space-0);--pc-box-padding-block-start-xs: var(--p-space-0);--pc-box-padding-inline-end-xs: var(--p-space-2);--pc-box-padding-inline-start-xs: var(--p-space-0);--pc-box-width: 100%" class="Polaris-Box">
<h3>
<span class="Polaris-Text--root Polaris-Text--bodyMd Polaris-Text--semibold">
Ellen Ochoa
</span>
</h3>
<div>Los Angeles, USA</div>
</div>
</div>
</div>
<div class="Polaris-ResourceItem__Actions">
<div data-buttongroup-segmented="true" class="Polaris-ButtonGroup Polaris-ButtonGroup--segmented">
<div class="Polaris-ButtonGroup__Item"><a href="customers/256/latest-order" data-controller="polaris-button" class="Polaris-Button Polaris-Button--sizeSlim">
<span class="Polaris-Button__Content">
<div class="Polaris-Button__Text">
View latest order
</div>
</span>
</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>