import {AppProviderComponent} from '../../../providers';
import {EnterCodeComponent as EnterCode} from './enter-code.component';
import type {Meta, StoryObj} from '@storybook/react';
import React from 'react';

const meta: Meta<typeof EnterCode> = {
    title: 'Molecules/EnterCode',
    component: EnterCode,
};
export default meta;

type Story = StoryObj<typeof EnterCode>;

export const Default: Story = {
    render: (args) => <EnterCode {...args} data-testid='enter-code' />,
    args: {
        error: false,
        disabled: false,
        placeholder: '0',
        fields: 4,
        label: 'Secure code',
        hint: 'This is a hint text to help user.',
        color: 'primary',
    },
};