From cbc9aab4c775a4cf070e7e403a7850485d8760da Mon Sep 17 00:00:00 2001
From: suryacp23 <suryacp.com@gmail.com>
Date: Wed, 22 Jul 2026 11:38:14 +0530
Subject: [PATCH] product adding in orderdetails made some changes like
 required for bags

---
 src/components/reusable/Select.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/reusable/Select.tsx b/src/components/reusable/Select.tsx
index 1f5e6ce..dd4e4de 100644
--- a/src/components/reusable/Select.tsx
+++ b/src/components/reusable/Select.tsx
@@ -10,6 +10,7 @@ export interface SelectOption {
 export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
   label?: string;
   hint?: string;
+  error?: string;
   /** Either strings or {value,label} objects. */
   options?: Array<string | SelectOption>;
   /** Class for the outer label wrapper. */
@@ -17,7 +18,7 @@ export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
 }
 
 /** Labeled native select styled to match Input. */
-export function Select({ label, hint, options = [], required, className, ...rest }: SelectProps) {
+export function Select({ label, hint, error, options = [], required, className, ...rest }: SelectProps) {
   return (
     <label className={cn('flex flex-col gap-1.5 font-sans', className)}>
       {label && (
@@ -26,7 +27,7 @@ export function Select({ label, hint, options = [], required, className, ...rest
           {required && <span className="text-ruby-600"> *</span>}
         </span>
       )}
-      <div className="relative bg-card rounded-md h-[42px] border border-border-default transition-[border-color,box-shadow] duration-150 focus-ring">
+      <div className={cn("relative bg-card rounded-md h-[42px] border transition-[border-color,box-shadow] duration-150 focus-ring", error ? "border-ruby-600" : "border-border-default")}>
         <select
           required={required}
           className="w-full h-full border-none outline-none bg-transparent appearance-none pl-3 pr-9 font-sans text-base text-strong cursor-pointer"
@@ -44,7 +45,9 @@ export function Select({ label, hint, options = [], required, className, ...rest
         </select>
         <ChevronDown size={15} className="absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none text-faint" />
       </div>
-      {hint && <span className="text-xs text-faint">{hint}</span>}
+      {(hint || error) && (
+        <span className={cn('text-xs', error ? 'text-ruby-600' : 'text-faint')}>{error || hint}</span>
+      )}
     </label>
   );
 }