// Copyright (c) Mysten Labs, Inc.
// SPDX-License-Identifier: Apache-2.0

import { SuiClientProvider } from '@mysten/dapp-kit';
import { type Meta, type StoryObj } from '@storybook/react';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';

import { CoinsStack, type CoinsStackProps } from '~/ui/CoinsStack';

export default {
	component: CoinsStack,
	decorators: [
		(Story) => (
			<QueryClientProvider client={new QueryClient()}>
				<SuiClientProvider>
					<Story />
				</SuiClientProvider>
			</QueryClientProvider>
		),
	],
} as Meta;

export const Default: StoryObj<CoinsStackProps> = {
	args: {
		coinTypes: [
			'0x2::sui::SUI',
			'0xc0d761079b1e7fa4dbd8a881b7464cf8c400c0de72460fdf8ca44e3f1842715e::sui_inu::SUI_INU',
			'random',
		],
	},
};