import React, { ComponentProps } from "react";
type TSelect = ComponentProps<"select"> & {};
function SelectBox({ children, style, className, ...rest }: TSelect) {
  return (
    <select
      className={`w-full text-sm max-w-[300px] p-2 px-3 rounded-3xl border-neutral-950 dark:border-neutral-400 border text-neutral-900 dark:text-neutral-200 bg-white dark:bg-neutral-950 font-medium ${className}`}
      style={{ ...style }}
      {...rest}
    >
      {children}
    </select>
  );
}

export default SelectBox;
