"use client";

import React from "react";
import TransferList, { TransferListProps } from "./TransferList";
import MultiSelectList from "./MultiSelectList";
import useIsMobile from "../utils/useIsMobile";

const TransferListWrapper: React.FC<TransferListProps> = (props) => {
  const matches = useIsMobile();

  return !matches ? (
    <TransferList {...props} />
  ) : (
    <MultiSelectList {...props} />
  );
};

export default TransferListWrapper;
