25 lines
543 B
TypeScript
25 lines
543 B
TypeScript
import { ReactNode } from 'react';
|
|
import { clsx } from 'clsx/lite';
|
|
|
|
export default function Switcher({
|
|
children,
|
|
type = 'regular',
|
|
}: {
|
|
children: ReactNode
|
|
type?: 'regular' | 'borderless'
|
|
}) {
|
|
return (
|
|
<div className={clsx(
|
|
'flex divide-x overflow-hidden',
|
|
'divide-gray-300 dark:divide-gray-800',
|
|
'border rounded-md',
|
|
type === 'regular'
|
|
? 'border-gray-300 dark:border-gray-800'
|
|
: 'border-transparent',
|
|
type === 'regular' && 'shadow-xs',
|
|
)}>
|
|
{children}
|
|
</div>
|
|
);
|
|
};
|