list specialties & finish page pecialties

2024-07-09 19:52:54 +03:30
parent 72725c9600
commit c052e2d55e
7 changed files with 91 additions and 23 deletions
@@ -0,0 +1,16 @@
+import React from 'react'
+
+function ItemSpecialties({ data }) {
+  return (
+    <li
+      className='py-[17.5px] px-[12px] flex flex-col justify-center items-center gap-[16px] 
+      rounded-lg bg-[#FFF] shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)]
+      hover:bg-[#5559CE] transition-all duration-500 cursor-pointer hover-mode-item-speciality'
+    >
+      <p className='text-[#3B3B3B] text-[16px] font-bold'>{data.name}</p>
+      <p className='text-[#7E7E7E] text-[14px] font-medium'>{data.number_of_doctors} پزشک</p>
+    </li>
+  )
+}
+
+export default ItemSpecialties