Ghost-combined-coderabbit/apps/signup-form/src/components/pages/form-view.stories.ts at 9b8f32c1cc8a74989d146ba555507f14ac170e11 · agentic-review-benchmarks/Ghost-combined-coderabbit · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
import type {Meta, StoryObj} from '@storybook/react';

import {FormView} from './form-view';

const meta = {
    title: 'Form View',
    component: FormView,
    tags: ['autodocs']
} satisfies Meta<typeof FormView>;

export default meta;
type Story = StoryObj<typeof meta>;

export const Full: Story = {
    args: {
        title: 'Signup Forms Weekly',
        description: 'An independent publication about embeddable signup forms.',
        icon: 'https://user-images.githubusercontent.com/65487235/157884383-1b75feb1-45d8-4430-b636-3f7e06577347.png',
        backgroundColor: '#eeeeee',
        textColor: '#000000',
        buttonColor: '#ff0095',
        buttonTextColor: '#ffffff',
        loading: false,
        error: '',
        isMinimal: false,
        success: false,
        onSubmit: () => {}
    }
};

export const FullDark: Story = {
    args: {
        title: 'Signup Forms Weekly',
        description: 'An independent publication about embeddable signup forms.',
        icon: 'https://user-images.githubusercontent.com/65487235/157884383-1b75feb1-45d8-4430-b636-3f7e06577347.png',
        backgroundColor: '#333333',
        textColor: '#ffffff',
        buttonColor: '#ff0095',
        buttonTextColor: '#ffffff',
        loading: false,
        error: '',
        isMinimal: false,
        success: false,
        onSubmit: () => {}
    }
};

export const Minimal: Story = {
    args: {
        buttonColor: '#ff0095',
        buttonTextColor: '#ffffff',
        loading: false,
        error: '',
        isMinimal: true,
        success: false,
        onSubmit: () => {}
    },
    tags: ['transparency-grid']
};

export const MinimalLoading: Story = {
    args: {
        buttonColor: '#ff0095',
        buttonTextColor: '#ffffff',
        loading: true,
        error: '',
        isMinimal: true,
        success: false,
        onSubmit: () => {}
    },
    tags: ['transparency-grid']
};

export const MinimalSucceeded: Story = {
    args: {
        buttonColor: '#ff0095',
        buttonTextColor: '#ffffff',
        loading: false,
        error: '',
        isMinimal: true,
        success: true,
        onSubmit: () => {}
    },
    tags: ['transparency-grid']
};