import React from 'react';

export default function SimpleInput() {
  return (
    <div className="w-full max-w-sm">
      <label htmlFor="email" className="block text-sm font-medium text-zinc-700 dark:text-zinc-300">
        Email
      </label>
      <div className="mt-1">
        <input
          type="email"
          name="email"
          id="email"
          className="block w-full rounded-md border-0 py-1.5 px-3 text-zinc-900 shadow-sm ring-1 ring-inset ring-zinc-300 placeholder:text-zinc-400 focus:ring-2 focus:ring-inset focus:ring-zinc-950 sm:text-sm sm:leading-6 dark:bg-zinc-950 dark:ring-zinc-800 dark:text-zinc-50 dark:focus:ring-zinc-300 transition-shadow"
          placeholder="you@example.com"
        />
      </div>
    </div>
  );
}
Simple Input
