feat: add Tabs component
This commit is contained in:
parent
0102f41403
commit
a97a034178
26
src/components/Tabs.tsx
Normal file
26
src/components/Tabs.tsx
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
interface TabsProps {
|
||||||
|
tabs: string[]
|
||||||
|
tab: number
|
||||||
|
setTab: React.Dispatch<React.SetStateAction<number>>
|
||||||
|
}
|
||||||
|
|
||||||
|
export const Tabs = ({ tabs, tab, setTab }: TabsProps) => {
|
||||||
|
return (
|
||||||
|
<div className='IBMSMSplitMainFullSideSec IBMSMSMFSSNav'>
|
||||||
|
{tabs.map((t, i) => {
|
||||||
|
return (
|
||||||
|
<button
|
||||||
|
key={t}
|
||||||
|
className={`btn btnMain IBMSMSMFSSNavBtn${
|
||||||
|
tab === i ? ' IBMSMSMFSSNavBtnActive' : ''
|
||||||
|
}`}
|
||||||
|
type='button'
|
||||||
|
onClick={() => setTab(i)}
|
||||||
|
>
|
||||||
|
{t}
|
||||||
|
</button>
|
||||||
|
)
|
||||||
|
})}
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user