home page started

2024-12-05 11:57:05 +01:00
parent 52bae60a24
commit d5a0430b42
10 changed files with 278 additions and 7 deletions
@@ -0,0 +1,20 @@
+import React from 'react'
+import { MdKeyboardDoubleArrowRight } from 'react-icons/md'
+import { TiHomeOutline } from 'react-icons/ti'
+
+export default function BreadcrumbCom({title, paths}) {
+  return (
+    <div className='w-full py-4 flex justify-between items-center'>
+        <h1 className='text-3xl text-black font-semibold'>{title}</h1>
+        <div className='flex gap-2 items-center text-black-gray text-base'>
+            <TiHomeOutline />
+            {paths.map((item, index) => (
+              <>
+                <MdKeyboardDoubleArrowRight />
+                <p className={`${index + 1 == paths.length ? 'text-primary' : ''}`}>{item}</p>
+              </>
+            ))}
+        </div>
+    </div>
+  )
+}