import { HTMLAttributes, ReactNode } from "react";

type ListWrapperProps = {
  children: ReactNode;
} & HTMLAttributes<HTMLDivElement>;

const ListWrapper = ({ children, ...props }: ListWrapperProps) => {
  return (
    <div
      {...props}
      className="flex flex-col rounded-xl border border-stroke/70 bg-white bg-[linear-gradient(225deg,rgba(87,80,241,0.18)_0%,rgba(87,80,241,0)_10%),linear-gradient(45deg,rgba(87,80,241,0.18)_0%,rgba(87,80,241,0)_10%)] px-7.5 pb-4 pt-7.5 dark:border-dark-3 dark:bg-gray-dark dark:bg-[linear-gradient(225deg,rgba(87,80,241,0.26)_0%,rgba(87,80,241,0)_10%),linear-gradient(45deg,rgba(87,80,241,0.26)_0%,rgba(87,80,241,0)_10%)]"
    >
      {children}
    </div>
  );
};

export default ListWrapper;
