const TermsListLoader = (props: any) => (
  <div className="rounded-md w-full" {...props}>
    <div className="animate-pulse flex space-x-4">
      <div className="flex-1 space-y-8 py-1">
        <div className="h-4 bg-[#f3f3f3] rounded"></div>
        <div className="h-4 bg-[#f3f3f3] rounded"></div>
        <div className="h-4 bg-[#f3f3f3] rounded"></div>
        <div className="h-4 bg-[#f3f3f3] rounded"></div>
      </div>
    </div>
  </div>
);

export default TermsListLoader;
