import React from "react";
import { cn } from "../../lib/cn";

export const Select = ({ className, children, ...props }) => {
  return (
    <select
      className={cn(
        "w-full rounded-2xl border border-[var(--color-border)] bg-[var(--color-surface)] px-4 py-3",
        "text-sm text-[var(--color-text)] focus:border-[var(--color-accent)] focus:outline-none",
        className,
      )}
      {...props}
    >
      {children}
    </select>
  );
};