23 lines
663 B
TypeScript
23 lines
663 B
TypeScript
import { FC, useMemo } from 'react';
|
|
import { Flex, FlexProps } from '../..';
|
|
|
|
export const NitroCardTabsView: FC<FlexProps> = props =>
|
|
{
|
|
const { justifyContent = 'center', gap = 1, classNames = [], children = null, ...rest } = props;
|
|
|
|
const getClassNames = useMemo(() =>
|
|
{
|
|
const newClassNames: string[] = [ 'container-fluid', 'nitro-card-tabs', 'pt-1' ];
|
|
|
|
if(classNames.length) newClassNames.push(...classNames);
|
|
|
|
return newClassNames;
|
|
}, [ classNames ]);
|
|
|
|
return (
|
|
<Flex justifyContent={ justifyContent } gap={ gap } classNames={ getClassNames } { ...rest }>
|
|
{ children }
|
|
</Flex>
|
|
);
|
|
}
|