files

2025-04-04 13:15:42 -04:00
parent e3b8c374d3
commit 0f4844cb05
76 changed files with 20352 additions and 0 deletions
@@ -0,0 +1,22 @@
+import { MdKeyboardDoubleArrowRight } from 'react-icons/md'
+import { TiHomeOutline } from 'react-icons/ti'
+
+export default function BreadcrumbCom({title, span, paths}) {
+  return (
+    <div className='w-full py-2 flex justify-between items-center'>
+        <div className='flex flex-col md:flex-row gap-1 md:items-center'>
+          <h1 className='text-12 sm:text-lg md:text-2xl text-black dark:text-black-gray font-semibold'>{title}</h1>
+          <span className='text-red-500 text-10 sm:text-base md:text-xl'>{span && span}</span>
+        </div>
+        <div className='flex gap-2 items-center text-black-gray dark:text-black-gray text-base'>
+            <TiHomeOutline className='text-black dark:text-black-gray' />
+            {paths.map((item, index) => (
+              <div className='flex gap-2 items-center text-black dark:text-black-gray text-10 sm:text-sm' key={index}>
+                <MdKeyboardDoubleArrowRight />
+                <p className={`${index + 1 == paths.length ? 'text-sky-600 dark:text-black-gray' : ''}`}>{item}</p>
+              </div>
+            ))}
+        </div>
+    </div>
+  )
+}