24 lines
621 B
TypeScript
24 lines
621 B
TypeScript
// Copyright 2021-2022 Signal Messenger, LLC
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
import type { ReactNode } from 'react';
|
|
import React from 'react';
|
|
|
|
import type { TabsOptionsType } from '../hooks/useTabs';
|
|
import { useTabs } from '../hooks/useTabs';
|
|
|
|
type PropsType = {
|
|
children: (renderProps: { selectedTab: string }) => ReactNode;
|
|
} & TabsOptionsType;
|
|
|
|
export const Tabs = (props: PropsType): JSX.Element => {
|
|
const { children, ...options } = props;
|
|
const { selectedTab, tabsHeaderElement } = useTabs(options);
|
|
|
|
return (
|
|
<>
|
|
{tabsHeaderElement}
|
|
{children({ selectedTab })}
|
|
</>
|
|
);
|
|
};
|