Merge pull request #5 from Car-Part-Planet/CPP-152

Order Confirmation

lib/utils.ts

@@ -3,6 +3,34 @@ import { ReadonlyURLSearchParams } from 'next/navigation';
 import { twMerge } from 'tailwind-merge';
 import { Menu } from './shopify/types';
 
+export function cx(...args: ClassValue[]) {
+  return twMerge(clsx(...args));
+}
+export const focusInput = [
+  // base
+  'focus:ring-2',
+  // ring color
+  'focus:ring-blue-200 focus:dark:ring-blue-700/30',
+  // border color
+  'focus:border-blue-500 focus:dark:border-blue-700'
+];
+
+export const hasErrorInput = [
+  // base
+  'ring-2',
+  // border color
+  'border-red-500 dark:border-red-700',
+  // ring color
+  'ring-red-200 dark:ring-red-700/30'
+];
+
+export const focusRing = [
+  // base
+  'outline outline-offset-2 outline-0 focus-visible:outline-2',
+  // outline color
+  'outline-blue-500 dark:outline-blue-500'
+];
+
 export const createUrl = (pathname: string, params: URLSearchParams | ReadonlyURLSearchParams) => {
   const paramsString = params.toString();
   const queryString = `${paramsString.length ? '?' : ''}${paramsString}`;