45 lines
1.1 KiB
TypeScript
45 lines
1.1 KiB
TypeScript
import { Meta, StoryObj } from '@storybook/react'
|
|
import OLButton from '@/shared/components/ol/ol-button'
|
|
import { ButtonProps } from '@/shared/components/types/button-props'
|
|
|
|
export default {
|
|
title: 'Shared / Components / Button',
|
|
component: OLButton,
|
|
} satisfies Meta
|
|
|
|
type Story = StoryObj<typeof OLButton>
|
|
|
|
const variants: ButtonProps['variant'][] = [
|
|
'primary',
|
|
'secondary',
|
|
'ghost',
|
|
'danger',
|
|
'danger-ghost',
|
|
'premium',
|
|
'premium-secondary',
|
|
'link',
|
|
]
|
|
|
|
export const Variants: Story = {
|
|
render() {
|
|
return (
|
|
<div className="d-flex flex-column gap-2">
|
|
{variants.map(variant => (
|
|
<div key={variant} className="d-flex gap-2">
|
|
<OLButton variant={variant}>Button</OLButton>
|
|
<OLButton variant={variant} isLoading>
|
|
Button
|
|
</OLButton>
|
|
<OLButton variant={variant} disabled>
|
|
Button
|
|
</OLButton>
|
|
<OLButton variant={variant} size="sm">
|
|
Button
|
|
</OLButton>
|
|
</div>
|
|
))}
|
|
</div>
|
|
)
|
|
},
|
|
}
|