mirror of
https://github.com/meshtastic/meshtastic.git
synced 2025-03-05 21:00:08 -08:00
22 lines
408 B
TypeScript
22 lines
408 B
TypeScript
import React from "react";
|
|
|
|
import { Tab } from "@headlessui/react";
|
|
|
|
export interface CardTabProps {
|
|
title: string;
|
|
}
|
|
|
|
export const CardTab = ({ title }: CardTabProps): JSX.Element => {
|
|
return (
|
|
<Tab
|
|
className={({ selected }) =>
|
|
`w-1/3 truncate rounded-md px-3 py-2 text-sm font-medium hover:bg-tertiary ${
|
|
selected ? "bg-secondary shadow-md" : ""
|
|
}`
|
|
}
|
|
>
|
|
{title}
|
|
</Tab>
|
|
);
|
|
};
|