Login Card

import LoginCard from "@/components/ruixen/login-card";
import { FaUserCircle } from "react-icons/fa";
 
export default function App() {
  const handleChange = (values: Record<string, string>) => {
    console.log("Form values:", values);
  };
 
  const handleSubmit = (values: Record<string, string>) => {
    console.log("Login attempt:", values);
  };
 
  return (
    <LoginCard
      title="Welcome Back"
      logo={<FaUserCircle size={48} className="text-blue-500" />}
      inputs={[
        {
          id: "email",
          type: "email",
          label: "Email",
          placeholder: "[email protected]",
        },
        {
          id: "password",
          type: "password",
          label: "Password",
          placeholder: "********",
        },
      ]}
      buttonText="Sign In"
      onChange={handleChange}
      onSubmit={handleSubmit}
    />
  );
}

export interface LoginInput {
  id: string;
  type: string;
  label: string;
  placeholder?: string;
}

const customInputs = [
  {
    id: "username",
    type: "text",
    label: "Username",
    placeholder: "Enter username",
  },
  {
    id: "password",
    type: "password",
    label: "Password",
    placeholder: "Enter password",
  },
  { id: "remember", type: "checkbox", label: "Remember me" },
];