22 lines
593 B
TypeScript
22 lines
593 B
TypeScript
import { ComponentChild, JSX } from "preact";
|
|
|
|
export function Input(
|
|
{ children, id, ...props }: JSX.HTMLAttributes<HTMLInputElement>,
|
|
) {
|
|
return (
|
|
<div>
|
|
<label
|
|
for={id}
|
|
class="block mb-3 text-sm font-medium text-gray-700"
|
|
>
|
|
{children}
|
|
</label>
|
|
<input
|
|
{...props}
|
|
id={id}
|
|
class="block w-full appearance-none rounded-md border border-gray-200 bg-gray-50 px-3 py-2 text-gray-900 placeholder-gray-400 focus:border-blue-500 focus:bg-white focus:outline-none focus:ring-blue-500 sm:text-sm"
|
|
/>
|
|
</div>
|
|
);
|
|
}
|