8a6e9070e0
* docs: add jsdoc * feat: change enums to as const objects * chore(test): add themeColors.test.ts * fix: fix tests and bugs with strings.ts util * fix: path alias imports and tsconfig file bug * fix: remove --max-warnings 0
48 lines
1.2 KiB
TypeScript
48 lines
1.2 KiB
TypeScript
import { Status } from '@shared/types/Course';
|
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
import CourseStatus from '@views/components/common/CourseStatus/CourseStatus';
|
|
import React from 'react';
|
|
|
|
const meta = {
|
|
title: 'Components/Common/CourseStatus',
|
|
component: CourseStatus,
|
|
parameters: {
|
|
layout: 'centered',
|
|
},
|
|
tags: ['autodocs'],
|
|
args: {
|
|
status: Status.WAITLISTED,
|
|
size: 'small',
|
|
},
|
|
argTypes: {
|
|
status: {
|
|
options: Object.values(Status),
|
|
mapping: Object.values(Status),
|
|
control: {
|
|
type: 'select',
|
|
labels: Object.keys(Status),
|
|
},
|
|
},
|
|
size: {
|
|
options: ['small', 'mini'],
|
|
control: {
|
|
type: 'radio',
|
|
},
|
|
},
|
|
},
|
|
} satisfies Meta<typeof CourseStatus>;
|
|
export default meta;
|
|
|
|
type Story = StoryObj<typeof meta>;
|
|
|
|
export const Default: Story = {};
|
|
|
|
export const Variants: Story = {
|
|
render: args => (
|
|
<div className='flex flex-col items-center gap-4'>
|
|
<CourseStatus {...args} size='small' />
|
|
<CourseStatus {...args} size='mini' />
|
|
</div>
|
|
),
|
|
};
|