Files
zkldi_Tachi/client/src/components/util/SelectNav.tsx
T
2021-11-17 17:26:53 +00:00

25 lines
461 B
TypeScript

import React from "react";
import { 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>
);
}