* chore: design updates * chore: design updates * chore: design updates * chore: design updates * chore: design updates * chore: design updates * chore: design updates * chore: design updates * chore: design updates * chore: design updates * fix: fix lint tests * chore: fixes ag grid invisible header seperators * fix: fixing conflicts * fix: fixing conflicts * chore: fix header spacing * chore: fix dropdown hover colour * fix: formatting change to pass test
16 lines
511 B
TypeScript
16 lines
511 B
TypeScript
import { Nav } from './nav';
|
|
import React from 'react';
|
|
|
|
interface TabBarProps {
|
|
className?: string;
|
|
}
|
|
|
|
export const TabBar = ({ className }: TabBarProps) => (
|
|
<div role="group" aria-label="Tab Bar Navigation Menu" className={className}>
|
|
<div role="presentation" className="py-[42px]" />
|
|
<div className="md:hidden fixed bottom-0 left-0 right-0 bg-black py-4 border-t border-neutral-300 dark:border-neutral-600">
|
|
<Nav tabs className="flex justify-evenly items-center" />
|
|
</div>
|
|
</div>
|
|
);
|