{tabs.map((tab) => ( ))}

); }; export AnimatedTabs; `,__src__:"src/registry/core/ui/animated-tabs.tsx",__event__:"copy_usage_code",children:(0,e.jsxs)(n.code,{"data-language":"tsx","data-theme":"vesper",style:{display:"grid"},children:[(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#99FFE4"},children:"'use client'"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:";"})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"import"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" { motion } "}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"from"}),(0,e.jsx)(n.span,{style:{color:"#99FFE4"},children:" 'framer-motion'"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:";"})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"import"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" React, { useEffect, useId, useState } "}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"from"}),(0,e.jsx)(n.span,{style:{color:"#99FFE4"},children:" 'react'"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:";"})]}),` `,(0,e.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"import"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" { cn } "}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"from"}),(0,e.jsx)(n.span,{style:{color:"#99FFE4"},children:" '@/lib/utils'"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:";"})]}),` `,(0,e.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"const"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" tabs "}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"="}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" ["})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" { id: "}),(0,e.jsx)(n.span,{style:{color:"#99FFE4"},children:"'home'"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:", label: "}),(0,e.jsx)(n.span,{style:{color:"#99FFE4"},children:"'Home'"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" { id: "}),(0,e.jsx)(n.span,{style:{color:"#99FFE4"},children:"'projects'"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:", label: "}),(0,e.jsx)(n.span,{style:{color:"#99FFE4"},children:"'Projects'"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" { id: "}),(0,e.jsx)(n.span,{style:{color:"#99FFE4"},children:"'lab'"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:", label: "}),(0,e.jsx)(n.span,{style:{color:"#99FFE4"},children:"'Lab'"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" { id: "}),(0,e.jsx)(n.span,{style:{color:"#99FFE4"},children:"'reading'"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:", label: "}),(0,e.jsx)(n.span,{style:{color:"#99FFE4"},children:"'Reading'"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" },"})]}),` `,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"];"})}),` `,(0,e.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"export"}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" const"}),(0,e.jsx)(n.span,{style:{color:"#FFC799"},children:" AnimatedTabs"}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:":"}),(0,e.jsx)(n.span,{style:{color:"#FFC799"},children:" React"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"."}),(0,e.jsx)(n.span,{style:{color:"#FFC799"},children:"FC"}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" ="}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" () "}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"=>"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" {"})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" const"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" [activeTab, setActiveTab] "}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"="}),(0,e.jsx)(n.span,{style:{color:"#FFC799"},children:" useState"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"(tabs["}),(0,e.jsx)(n.span,{style:{color:"#FFC799"},children:"0"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"].id);"})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" const"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" [mounted, setMounted] "}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"="}),(0,e.jsx)(n.span,{style:{color:"#FFC799"},children:" useState"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"("}),(0,e.jsx)(n.span,{style:{color:"#FFC799"},children:"false"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:");"})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" const"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" id "}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"="}),(0,e.jsx)(n.span,{style:{color:"#FFC799"},children:" useId"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"();"})]}),` `,(0,e.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#FFC799"},children:" useEffect"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"(() "}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"=>"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" {"})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#FFC799"},children:" setMounted"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"("}),(0,e.jsx)(n.span,{style:{color:"#FFC799"},children:"true"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:");"})]}),` `,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" }, []);"})}),` `,(0,e.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" if"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" ("}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"!"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"mounted) "}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"return"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" null;"})]}),` `,(0,e.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" return"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" ("})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" <"}),(0,e.jsx)(n.span,{style:{color:"#FFC799"},children:"div"})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" className={"}),(0,e.jsx)(n.span,{style:{color:"#FFC799"},children:"cn"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"("})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#99FFE4"},children:" 'inset-x-0 border-gray-200 z-50 mx-auto w-fit rounded-full border shadow-sm'"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:","})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#99FFE4"},children:" 'dark:border-[#212121] dark:shadow-md'"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:","})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" )"}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"}"})]}),` `,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" >"})}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" <"}),(0,e.jsx)(n.span,{style:{color:"#FFC799"},children:"div"})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" className={"}),(0,e.jsx)(n.span,{style:{color:"#FFC799"},children:"cn"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"("})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#99FFE4"},children:" 'flex space-x-4 rounded-full p-2'"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:","})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#99FFE4"},children:" 'bg-gray-100 shadow-[0px_3px_3.3px_0px_#E8E8E8_inset,0px_1px_1px_0px_#F7F7F7_inset]'"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:","})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#99FFE4"},children:" 'dark:bg-transparent dark:shadow-[0px_3px_3.3px_0px_#171717_inset,0px_1px_1px_0px_#2D2C2C_inset]'"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:","})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" )"}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"}"})]}),` `,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" >"})}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" {"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"tabs."}),(0,e.jsx)(n.span,{style:{color:"#FFC799"},children:"map"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"((tab) "}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"=>"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" ("})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" <"}),(0,e.jsx)(n.span,{style:{color:"#FFC799"},children:"button"})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" key={"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"tab.id"}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"}"})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" onClick={"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"() "}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"=>"}),(0,e.jsx)(n.span,{style:{color:"#FFC799"},children:" setActiveTab"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"(tab.id)"}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"}"})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" className={"}),(0,e.jsx)(n.span,{style:{color:"#FFC799"},children:"cn"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"("})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#99FFE4"},children:" 'relative flex cursor-pointer select-none items-center justify-center rounded-full px-4 py-2 text-base transition-colors'"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:","})]}),` `,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" {"})}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#99FFE4"},children:" 'text-black'"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:": activeTab "}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"==="}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" tab.id,"})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#99FFE4"},children:" 'text-[#878787] hover:text-black'"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:": activeTab "}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"!=="}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" tab.id,"})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#99FFE4"},children:" 'dark:hover:text-stone-300'"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:": activeTab "}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"!=="}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" tab.id,"})]}),` `,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" },"})}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" )"}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"}"})]}),` `,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" >"})}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" <"}),(0,e.jsx)(n.span,{style:{color:"#FFC799"},children:"span"}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" className="}),(0,e.jsx)(n.span,{style:{color:"#99FFE4"},children:"'relative z-20'"}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:">{"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"tab.label"}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"}"})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" {"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"activeTab "}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"==="}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" tab.id "}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"&&"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" ("})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" <"}),(0,e.jsx)(n.span,{style:{color:"#FFC799"},children:"motion.div"})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" layoutId={"}),(0,e.jsx)(n.span,{style:{color:"#99FFE4"},children:"'active-tab-'"}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" +"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" id"}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"}"})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" className={"}),(0,e.jsx)(n.span,{style:{color:"#FFC799"},children:"cn"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"("})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#99FFE4"},children:" 'absolute inset-0 z-10 rounded-full'"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:","})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#99FFE4"},children:" 'bg-white shadow-[0px_3px_4px_-1px_rgba(95,95,95,0.10),0px_-1px_2px_0px_#E3E3E3_inset,0px_0px_1px_0px_#D3D3D3_inset]'"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:","})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#99FFE4"},children:" 'dark:bg-stone-300 dark:shadow-[0px_3px_4px_-1px_rgba(0,0,0,0.2),0px_-1px_2px_0px_#333333_inset,0px_0px_1px_0px_#404040_inset]'"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:","})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" )"}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"}"})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" transition={"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"{"})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" type: "}),(0,e.jsx)(n.span,{style:{color:"#99FFE4"},children:"'spring'"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:","})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" bounce: "}),(0,e.jsx)(n.span,{style:{color:"#FFC799"},children:"0.2"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:","})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" duration: "}),(0,e.jsx)(n.span,{style:{color:"#FFC799"},children:"0.6"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:","})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" }"}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"}"})]}),` `,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" />"})}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" )"}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"}"})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" ))"}),(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"}"})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" );"})}),` `,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"};"})}),` `,(0,e.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#A0A0A0"},children:"export"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" AnimatedTabs;"})]})]})})})}),` `]})}function f(l={}){let{wrapper:n}=l.components||{};return n?(0,e.jsx)(n,Object.assign({},l,{children:(0,e.jsx)(d,l)})):d(l)}var v=f;function E(l,n){throw new Error("Expected "+(n?"component":"object")+" `"+l+"` to be defined: you likely forgot to import, pass, or provide it.")}return u(g);})(); ;return Component;

Animated Tabs

Resources