danak/mehraein-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

category detail

Browse Source
This commit is contained in:
hamid zarghami
2026-07-21 09:48:39 +03:30
parent 6ae9a6a17f
commit fe1e545aaf
10 changed files with 254 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/Input.tsx
+14 -8
View File
@@ -7,22 +7,28 @@ export type InputVariant = "primary" | "search";
type Props = {
variant?: InputVariant;
className?: string;
iconClassName?: string;
} & React.InputHTMLAttributes<HTMLInputElement>;
const Input: FC<Props> = (props) => {
const { variant = "primary", className, ...rest } = props;
const Input: FC<Props> = ({ variant = "primary", className, iconClassName, ...rest }) => {
return (
<div className="relative w-full" dir="rtl">
{variant === "search" && <SearchNormal aria-hidden="true" className="pointer-events-none absolute top-1/2 right-5 -translate-y-1/2 text-primary" color="currentColor" size={24} />}
{variant === "search" && (
<SearchNormal
aria-hidden="true"
className={cn("pointer-events-none absolute top-1/2 right-4 -translate-y-1/2 text-primary", iconClassName)}
color="currentColor"
size={20}
/>
)}
<input
type={variant === "search" ? "search" : "text"}
type={variant === "search" ? "search" : rest.type}
className={cn(
"h-10 w-full rounded-2xl border border-secondary bg-white px-5 text-right text-sm text-[#3A4147] placeholder:text-[#D7E0E8] transition-colors focus:border-primary",
variant === "search" && "pr-13",
"h-10 w-full rounded-2xl border border-secondary bg-white px-4 text-right text-sm text-[#3A4147] placeholder:text-[#D7E0E8] transition-colors focus:border-primary",
variant === "search" && "pr-11",
className,
)}
{...props}
{...rest}
/>
</div>
);