import React from 'react';
import {storiesOf} from '@storybook/react';
import {text} from '@storybook/addon-knobs';
import {action} from '@storybook/addon-actions';

import PasswordValidator, {getDefaultRules} from '@propellerads/password-validator';

export default storiesOf('Components | PasswordValidator', module)
  .add('default view', () => (
    <PasswordValidator
      rules={getDefaultRules({
        passwordChangeRuleLengthText: 'Password Change Rule Length Text',
        passwordChangeRuleLatinUppercaseText: 'Password Change Rule Latin Uppercase Text',
        passwordChangeRuleLatinLowercaseText: 'Password Change Rule Latin Lowercase Text',
        passwordChangeRuleIsEqualText: 'Password Change Rule Is Equal Text',
        passwordChangeRuleDigitsText: 'Password Change Rule Digits Text',

      })}
      password={(text('Password', ''))}
      confirmPassword={(text('Confirm password', ''))}
      onTestsPassed={(result) => action(`onTestsPassed: ${result}`)}
    />
  ));