"use client";

import type { SelectHTMLAttributes } from "react";
import { cn } from "@/lib/utils";

export function Select({ className, ...props }: SelectHTMLAttributes<HTMLSelectElement>) {
  return (
    <select
      className={cn(
        "h-8 rounded-md border border-[var(--ui-border-strong)] bg-[var(--ui-control-bg)] px-2 text-xs text-[var(--ui-text-strong)] outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-focus-ring)]",
        className,
      )}
      {...props}
    />
  );
}