financial

src/components/Select.tsx

@@ -12,6 +12,7 @@ type Props = {
     error_text?: string,
     placeholder?: string,
     label?: string,
+    readOnly?: boolean,
 } & SelectHTMLAttributes<HTMLSelectElement>
 
 const Select: FC<Props> = (props: Props) => {
@@ -25,6 +26,7 @@ const Select: FC<Props> = (props: Props) => {
             }
             <select {...props} className={clx(
                 'w-full text-black relative block border appearance-none border-border px-2.5 h-10 text-sm rounded-2.5 bg-gray',
+                props.readOnly && 'bg-gray-100 border-0 text-description',
                 props.className,
                 props.label && 'mt-1'
             )}>
@@ -45,7 +47,7 @@ const Select: FC<Props> = (props: Props) => {
             </select>
             <ArrowDown2 size={16} color='black' className={clx(
                 'absolute z-0 top-3 left-2',
-                props.label && 'top-10'
+                props.label && 'top-9'
             )} />
             {
                 props.error_text && props.error_text !== '' ?