# XWUIGameShopPanel

Buy/sell shop interface with tabbed modes. It switches between Buy, Sell, and Buyback modes over an `items` list (each `id`, `icon`, `name`, `price`, `rarity`, `description`), rendering rarity-colored rows, a search filter, a details panel, and the player's gold. Data props are `mode` (`buy`/`sell`/`buyback`), `items`, and `playerGold`; `conf_comp` toggles `showBuyback`/`showSearch` and sets the `currency` label (default `"Gold"`). Use `switchMode(mode)` to change tabs and register `onBuy(cb)`/`onSell(cb)` callbacks; `buy(id)` and `sell(id)` trigger the corresponding action.

## Basic Usage

Mounts the shop panel in buy mode with its item list and gold display.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Mounts the shop panel with Buy/Sell/Buyback tabs, a rarity-colored item list, search, and player gold.
```

## Sell Mode

Opens directly on the Sell tab listing the player's own loot, each row carrying a Sell action wired to onSell.

```example
file: examples/SellMode.ts
html: examples/SellMode.html
title: Sell Mode
description: The shop in sell mode showing the player's loot with Sell buttons and an onSell callback.
```

## Crystal Market

Relabels the currency and hides the buyback tab for a vendor that trades in something other than gold.

```example
file: examples/CrystalMarket.ts
html: examples/CrystalMarket.html
title: Crystal Market
description: A vendor with a custom Crystals currency label and showBuyback off, leaving only Buy and Sell tabs.
```

```api
```