"use client";

import { SelectHTMLAttributes } from "react";

export function Select(props: SelectHTMLAttributes<HTMLSelectElement>) {
  return (
    <select
      {...props}
      className={`w-full rounded-card border border-sand-dark bg-white px-3.5 py-2.5 text-sm text-ink focus:border-emerald focus:outline-none focus:ring-2 focus:ring-emerald/20 ${
        props.className ?? ""
      }`}
    />
  );
}