Spinner

// Package spinner holds the site's example gsx components for ui/spinner.
package spinner

import "github.com/gsxhq/gsxui/ui"

// Basic renders the default Spinner.
component Basic() {
	<ui.Spinner/>
}

package spinner

import "github.com/gsxhq/gsxui/ui"

// Rtl mirrors shadcn's own spinner-rtl demo: a muted Item row pairing a
// Spinner with a processing-payment title and a trailing amount, translated
// to Arabic and wrapped in dir="rtl". shadcn's rtl demo also formats the
// amount with Arabic-Indic numerals via Intl; this port keeps the literal
// "١٠٠٫٠٠ دولار" string shadcn's own Arabic translation table supplies.
component Rtl() {
	<div dir="rtl" lang="ar" class="flex w-full max-w-xs flex-col gap-4">
		<ui.Item variant="muted">
			<ui.ItemMedia>
				<ui.Spinner/>
			</ui.ItemMedia>
			<ui.ItemContent>
				<ui.ItemTitle class="line-clamp-1">جاري معالجة الدفع...</ui.ItemTitle>
			</ui.ItemContent>
			<ui.ItemContent class="flex-none justify-end">
				<span class="text-sm tabular-nums">١٠٠.٠٠ دولار</span>
			</ui.ItemContent>
		</ui.Item>
	</div>
}