EmptyState

<EmptyState>
  <EmptyStateIndicator>
    <ShoppingCartIcon />
  </EmptyStateIndicator>

  <EmptyStateTitle>Your cart is empty</EmptyStateTitle>

  <EmptyStateDescription>
    Explore our products and add items to your cart
  </EmptyStateDescription>
</EmptyState>

<EmptyState
  description="Explore our products and add items to your cart"
  indicator={<ShoppingCartIcon />}
  title="Your cart is empty"
/>

<VStack>
  <For each={["sm", "md", "lg"]}>
    {(size, index) => (
      <EmptyState
        key={index}
        size={size}
        description="Explore our products and add items to your cart"
        indicator={<ShoppingCartIcon />}
        title="Your cart is empty"
      />
    )}
  </For>
</VStack>

<EmptyState
  description="Explore our products and add items to your cart"
  indicator={<ShoppingCartIcon />}
  title="Your cart is empty"
>
  <Button>Back to home</Button>
</EmptyState>