"use client";
import React from "react";
import PaidByInput from "./paid-by";
import SplitBetweenInput from "./split-between-input";
import type { User } from "@/server/db/schema";

export default function ExpenseSplit({ sessionUser }: { sessionUser: User }) {
  return (
    <div className="space-y-4 ">
      <div className="flex items-center justify-center gap-2">
        <span>Paid by</span>
        <PaidByInput sessionUser={sessionUser} />
      </div>
      <div className="flex items-center justify-center gap-2">
        <span>and spliited</span>
        <SplitBetweenInput />
      </div>
    </div>
  );
}