Pixelact Input

1import * as React from "react";
2import { cn } from "@/lib/utils";
3import "@/components/ui/pixelact-ui/styles/styles.css";
4 
5export interface PixelInputProps
6  extends React.InputHTMLAttributes<HTMLInputElement> {
7  disabled?: boolean;
8  className?: string;
9}
10 
11const Input = React.forwardRef<HTMLInputElement, PixelInputProps>(
12  ({ className, disabled, ...props }, ref) => {
13    return (
14      <input
15        className={cn(
16          "pixel__input pixel-font max-w-full outline-none p-2 bg-background text-foreground shadow-(--pixel-box-shadow) placeholder:text-sm md:placeholder:text-base box-shadow-margin disabled:opacity-40",
17          disabled && "disabled:opacity-40 disabled:cursor-not-allowed",
18          className
19        )}
20        disabled={disabled}
21        ref={ref}
22        {...props}
23      />
24    );
25  }
26);
27Input.displayName = "PixelInput";
28 
29export { Input };