Password Generator

\n setShowHelp(true)}\n className=\"p-2 rounded-full bg-blue-500 text-white hover:bg-blue-600 transition-colors\"\n >\n ?\n \n setDarkMode(!darkMode)}\n className=\"p-2 rounded-full bg-gray-200 dark:bg-gray-600\"\n >\n {darkMode ? '☀️' : '🌙'}\n \n

\n Enter up to 3 words:\n setInput(e.target.value)}\n maxLength={50}\n required\n className=\"w-full p-2 border rounded dark:bg-gray-700 dark:border-gray-600\"\n />\n

Password Policy

\n Minimum Length:\n setPolicy({ ...policy, minLength: parseInt(e.target.value) })}\n min={1}\n className=\"w-full p-2 border rounded dark:bg-gray-700 dark:border-gray-600\"\n />\n

\n setPolicy({ ...policy, requireCapital: e.target.checked })}\n className=\"mr-2\"\n />\n Require Capital Letter\n

\n setPolicy({ ...policy, requireSpecial: e.target.checked })}\n className=\"mr-2\"\n />\n Require Special Character\n

\n Allowed Special Characters:\n setPolicy({ ...policy, allowedSpecial: e.target.value })}\n className=\"w-full p-2 border rounded dark:bg-gray-700 dark:border-gray-600\"\n />\n

\n \n

\n {error &&

{error}

}\n

\n {passwords.length > 0 && (\n

Generated Passwords:

\n {password}\n copyToClipboard(password, index)}\n className=\"ml-2 px-2 py-1 bg-blue-500 text-white rounded hover:bg-blue-600 transition-colors\"\n >\n {copiedIndex === index ? 'Copied!' : 'Copy'}\n \n

\n )}\n

How to Use

Enter up to 3 words in the input field.

Adjust the password policy settings as needed:

Set the minimum password length
Choose whether to require a capital letter
Choose whether to require a special character
Specify allowed special characters

Click \"Generate Passwords\" to create password suggestions.

View the generated passwords on the right (or below on mobile).

Click \"Copy\" to copy a password to your clipboard.

\n The generator will create passwords based on your input words, applying substitutions and ensuring the password meets your specified policy.\n

setShowHelp(false)}\n className=\"w-full py-2 px-4 bg-blue-500 text-white rounded hover:bg-blue-600 transition-colors\"\n >\n Close\n \n