signal-desktop/ts/components/preferences/donations/DonateInputCardExp.stories.tsx
automated-signal 44da91ec9f
Init card form validation
Co-authored-by: Jamie Kyle <113370520+jamiebuilds-signal@users.noreply.github.com>
2025-07-19 09:20:07 +10:00

24 lines
793 B
TypeScript

// Copyright 2025 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only
import { action } from '@storybook/addon-actions';
import React, { useState } from 'react';
import { DonateInputCardExp } from './DonateInputCardExp';
import type { DonateInputCardExpProps } from './DonateInputCardExp';
import type { ComponentMeta } from '../../../storybook/types';
export default {
component: DonateInputCardExp,
args: {
id: '',
value: '',
onValueChange: action('onValueChange'),
onBlur: action('onBlur'),
},
} satisfies ComponentMeta<DonateInputCardExpProps>;
export function Default(props: DonateInputCardExpProps): JSX.Element {
const [value, setValue] = useState('');
return (
<DonateInputCardExp {...props} value={value} onValueChange={setValue} />
);
}