supersam/src/components/UI/Select.jsx

18 lines
460 B
JavaScript

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>
);
};