"use client";
import React from "react";

type Props = React.InputHTMLAttributes<HTMLInputElement> & { label?: string };

export function Input({ label, style, ...props }: Props) {
  return (
    <label style={{ display: "flex", flexDirection: "column", gap: 6 }}>
      {label && <span>{label}</span>}
      <input
        {...props}
        style={{
          padding: "8px 10px",
          borderRadius: 6,
          border: "1px solid #ddd",
          ...(style ?? {}),
        }}
      />
    </label>
  );
}


