Function AnimatedTabs

src/components/reusable/AnimatedTabs.tsx:63–90

({
  tabs,
  selected,
  setSelected,
  center,
  customID,
  icons = [],
}: AnimatedTabsProps)

}

const AnimatedTabs = ({
  tabs,
  selected,
  setSelected,
  center,
  customID,
  icons = [],
}: AnimatedTabsProps) => {
  return (
    <div
      className={
        (center ? 'justify-center ' : '') +
        'flex  w-full items-center justify-end  gap-2 border-gray-500/25 pb-1 '
      }
    >
      {tabs?.map((tab, index) => (
        <Tab
          text={tab}
          selected={selected === tab}
          setSelected={setSelected}
          key={tab}
          customID={customID}
          icon={icons[index]}
        />
      ))}
    </div>
  )
}

export default AnimatedTabs