1- import * as React from "react"
2- import { Glass } from "./glass"
1+ import type * as React from "react"
32import { cn } from "@/lib/utils"
3+ import { Glass } from "./glass"
44
55type InputProps = React . InputHTMLAttributes < HTMLInputElement > & {
66 icon ?: React . ReactNode
77 containerClassName ?: string
88}
99
10- export function Input ( {
11- icon,
12- className,
13- containerClassName,
14- ...inputProps
15- } : InputProps ) {
10+ export function Input ( { icon, className, containerClassName, ...inputProps } : InputProps ) {
1611 return (
1712 < Glass
1813 className = { cn (
1914 "inline-flex w-full items-center gap-2.5" ,
20- 'border border-white/50' ,
21- "px-6 py-3" ,
22- "rounded-full" , //"rounded-buttonsM", is not working
15+ "border border-white/50" ,
16+ "px-6 py-3 rounded-full" , //"rounded-buttonsM", is not working
2317 "bg-background-blur backdrop-blur-xl" ,
2418 containerClassName
2519 ) }
@@ -35,8 +29,7 @@ export function Input({
3529 placeholder = { inputProps . placeholder ?? undefined }
3630 className = { cn (
3731 "w-full bg-transparent border-none outline-none" ,
38- "typo-body-small" ,
39- "text-text-primary placeholder:text-text-secondary" ,
32+ "typo-body-small text-text-primary placeholder:text-text-secondary" ,
4033 className
4134 ) }
4235 />
0 commit comments