11import { Meta , StoryFn } from '@storybook/react' ;
22
3- import { yfmTransformInline } from '../../../../.storybook/utils' ;
4- import { QuoteProps , QuoteType } from '../../../models' ;
3+ import { blockTransform } from '../../../../.storybook/utils' ;
4+ import { QuoteModel , QuoteProps , QuoteType } from '../../../models' ;
55import Quote from '../Quote' ;
66
77import data from './data.json' ;
@@ -16,29 +16,30 @@ export default {
1616 argTypes : { color : { control : 'color' } } ,
1717} as Meta ;
1818
19- const DefaultTemplate : StoryFn < QuoteProps > = ( args ) => (
19+ const DefaultTemplate : StoryFn < QuoteModel > = ( args ) => (
2020 < div style = { { maxWidth : '1248px' } } >
21- < Quote { ...args } />
22- </ div >
23- ) ;
24- const QuoteTypesTemplate : StoryFn < QuoteProps > = ( args ) => (
25- < div style = { { maxWidth : '1248px' , display : 'flex' , flexDirection : 'column' , gap : '24px' } } >
26- < Quote { ...args } quoteType = { QuoteType . Chevron } />
27- < Quote { ...args } quoteType = { QuoteType . EnglishDouble } />
21+ < Quote { ...( blockTransform ( args ) as QuoteProps ) } />
2822 </ div >
2923) ;
24+ const QuoteTypesTemplate : StoryFn < QuoteModel > = ( args ) => {
25+ const transformedArgs = blockTransform ( args ) as QuoteProps ;
26+ return (
27+ < div style = { { maxWidth : '1248px' , display : 'flex' , flexDirection : 'column' , gap : '24px' } } >
28+ < Quote { ...transformedArgs } quoteType = { QuoteType . Chevron } />
29+ < Quote { ...transformedArgs } quoteType = { QuoteType . EnglishDouble } />
30+ </ div >
31+ ) ;
32+ } ;
33+
3034export const Default = DefaultTemplate . bind ( { } ) ;
3135export const QuoteTypes = QuoteTypesTemplate . bind ( { } ) ;
3236export const BorderLine = DefaultTemplate . bind ( { } ) ;
3337export const DarkTheme = DefaultTemplate . bind ( { } ) ;
3438
35- const DefaultArgs = {
36- ...data . default . content ,
37- yfmText : yfmTransformInline ( data . default . content . yfmText ) ,
38- } as QuoteProps ;
39+ const DefaultArgs = data . default . content ;
3940
40- Default . args = DefaultArgs ;
41- QuoteTypes . args = DefaultArgs ;
41+ Default . args = DefaultArgs as QuoteModel ;
42+ QuoteTypes . args = DefaultArgs as QuoteModel ;
4243BorderLine . args = {
4344 ...DefaultArgs ,
4445 ...data . borderLine . content ,
0 commit comments