53 lines
1,007 B
TypeScript
53 lines
1,007 B
TypeScript
|
import type { Meta, StoryObj } from '@storybook/react';
|
||
|
|
import { PlayerLoading } from './PlayerLoading';
|
||
|
|
|
||
|
|
const meta: Meta<typeof PlayerLoading> = {
|
||
|
|
title: 'Features/Player/PlayerLoading',
|
||
|
|
component: PlayerLoading,
|
||
|
|
parameters: {
|
||
|
|
layout: 'centered',
|
||
|
|
},
|
||
|
|
tags: ['autodocs'],
|
||
|
|
};
|
||
|
|
|
||
|
|
export default meta;
|
||
|
|
type Story = StoryObj<typeof PlayerLoading>;
|
||
|
|
|
||
|
|
export const Default: Story = {
|
||
|
|
args: {
|
||
|
|
isLoading: true,
|
||
|
|
message: 'Chargement...',
|
||
|
|
size: 'md',
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
export const Small: Story = {
|
||
|
|
args: {
|
||
|
|
isLoading: true,
|
||
|
|
message: 'Buffering...',
|
||
|
|
size: 'sm',
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
export const Large: Story = {
|
||
|
|
args: {
|
||
|
|
isLoading: true,
|
||
|
|
message: 'Initializing Player...',
|
||
|
|
size: 'lg',
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
export const FullScreen: Story = {
|
||
|
|
args: {
|
||
|
|
isLoading: true,
|
||
|
|
message: 'Loading your music...',
|
||
|
|
fullScreen: true,
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
export const Hidden: Story = {
|
||
|
|
args: {
|
||
|
|
isLoading: false,
|
||
|
|
},
|
||
|
|
};
|