Files
zkldi_Tachi/client/src/components/util/SelectNav.tsx
T
2021-08-05 02:52:57 +01:00

25 lines
469 B
TypeScript

import React from "react";
import { Button, Nav } from "react-bootstrap";
import { JustChildren, SetState } from "types/react";
export default function SelectNav<T>({
id,
value,
setValue,
children,
disabled = false,
}: {
id: T;
value: T;
setValue: SetState<T>;
disabled?: boolean;
} & JustChildren) {
return (
<Nav.Item>
<Nav.Link disabled={disabled} active={id === value} onClick={() => setValue(id)}>
{children}
</Nav.Link>
</Nav.Item>
);
}