aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/components/ui/input.tsx
diff options
context:
space:
mode:
authoromagdy7 <omar.professional8777@gmail.com>2024-05-15 23:23:57 +0300
committeromagdy7 <omar.professional8777@gmail.com>2024-05-15 23:23:57 +0300
commitcf857bc8af5ac3725f3bdb40dcdc80752595652f (patch)
tree72545ee4f47e133af811b8fb37db405e9b624c1d /frontend/src/components/ui/input.tsx
parent1aa678533f0d21f8696754b1a1f456827f249b1c (diff)
downloadcloudrender-cf857bc8af5ac3725f3bdb40dcdc80752595652f.tar.xz
cloudrender-cf857bc8af5ac3725f3bdb40dcdc80752595652f.zip
Final version of backend and frontend
Diffstat (limited to 'frontend/src/components/ui/input.tsx')
-rw-r--r--frontend/src/components/ui/input.tsx25
1 files changed, 25 insertions, 0 deletions
diff --git a/frontend/src/components/ui/input.tsx b/frontend/src/components/ui/input.tsx
new file mode 100644
index 0000000..677d05f
--- /dev/null
+++ b/frontend/src/components/ui/input.tsx
@@ -0,0 +1,25 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+export interface InputProps
+ extends React.InputHTMLAttributes<HTMLInputElement> {}
+
+const Input = React.forwardRef<HTMLInputElement, InputProps>(
+ ({ className, type, ...props }, ref) => {
+ return (
+ <input
+ type={type}
+ className={cn(
+ "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+ className
+ )}
+ ref={ref}
+ {...props}
+ />
+ )
+ }
+)
+Input.displayName = "Input"
+
+export { Input }