import { withTimestampsAsISOStrings } from '../../../../scalars/index.js';
import { getDefaultArgTypes, getValidationArgTypes, PrebuiltArgTypes, } from '../../../../scalars/lib/storybook-arg-types.js';
import { EmailInput } from './email-input.js';
/**
 * The `EmailInput` component provides an input field for entering email addresses.
 * > **Note:** This component does not have built-in validation. If you need built-in validation
 * > you can use the [EmailField](?path=/docs/scalars-email-field--readme)
 * > component.
 */
const meta = {
    title: 'Data Entry/Email Input',
    component: EmailInput,
    parameters: {
        layout: 'centered',
        form: {
            resetBehavior: 'unmount',
        },
    },
    decorators: [withTimestampsAsISOStrings],
    tags: ['autodocs'],
    argTypes: {
        ...getDefaultArgTypes(),
        ...PrebuiltArgTypes.placeholder,
        ...PrebuiltArgTypes.autoComplete,
        ...PrebuiltArgTypes.viewMode,
        ...PrebuiltArgTypes.baseValue,
        ...PrebuiltArgTypes.className,
        ...getValidationArgTypes({
            enabledArgTypes: {
                validators: false,
                showErrorOnBlur: false,
                showErrorOnChange: false,
            },
        }),
    },
    args: {
        name: 'email-input',
    },
};
export default meta;
export const Default = {
    args: {
        name: 'email-input',
        label: 'Email Address',
        placeholder: 'Enter your email address',
    },
};
export const Filled = {
    args: {
        name: 'email-input',
        label: 'Email Address',
        placeholder: 'Enter your email address',
        value: 'test@example.com',
    },
};
export const WithDifferencesAddition = {
    args: {
        label: 'Number difference addition',
        value: 'test@gmail.com',
        baseValue: 'other@example.com',
        viewMode: 'addition',
    },
};
export const WithDifferencesRemoval = {
    args: {
        label: 'Date difference removal',
        value: 'test@gmail.com',
        baseValue: 'test@example.com',
        viewMode: 'removal',
    },
};
export const WithDifferencesMixed = {
    args: {
        label: 'Date difference mixed',
        value: 'other@example.com',
        baseValue: 'test@example.com',
        viewMode: 'mixed',
    },
};
//# sourceMappingURL=email-input.stories.js.map