Split Login Card

import SplitLoginCard from "@/components/ruixen/split-login-card";
 
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 (
    <SplitLoginCard
      title="Welcome to RuixenUI"
      description="Build beautiful interfaces with our component library"
      imageSrc="https://your-logo-url.com/logo.png"
      inputs={[
        {
          id: "email",
          type: "email",
          placeholder: "you@example.com",
          label: "Email",
        },
        {
          id: "password",
          type: "password",
          placeholder: "********",
          label: "Password",
        },
      ]}
      buttonLabel="Sign In"
      onChange={handleChange}
      onSubmit={handleSubmit}
    />
  );
}

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