30 lines
848 B
TypeScript
30 lines
848 B
TypeScript
import React from 'react';
|
|
|
|
import Text from './text';
|
|
|
|
import type { Sizes as TextSizes } from './text';
|
|
|
|
interface IDivider {
|
|
text?: string;
|
|
textSize?: TextSizes;
|
|
}
|
|
|
|
/** Divider */
|
|
const Divider = ({ text, textSize = 'md' }: IDivider) => (
|
|
<div className='relative' data-testid='divider'>
|
|
<div className='absolute inset-0 flex items-center' aria-hidden='true'>
|
|
<div className='black:border-t w-full border-t-2 border-solid border-gray-100 dark:border-gray-800' />
|
|
</div>
|
|
|
|
{text && (
|
|
<div className='relative flex justify-center'>
|
|
<span className='black:bg-black bg-white px-2 text-gray-700 dark:bg-gray-900 dark:text-gray-600' data-testid='divider-text'>
|
|
<Text size={textSize} tag='span' theme='inherit'>{text}</Text>
|
|
</span>
|
|
</div>
|
|
)}
|
|
</div>
|
|
);
|
|
|
|
export { Divider as default };
|