1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
| import type { CSSProperties, FC } from 'react'
| import React from 'react'
| import { type VariantProps, cva } from 'class-variance-authority'
| import classNames from '@/utils/classnames'
|
| const dividerVariants = cva('',
| {
| variants: {
| type: {
| horizontal: 'w-full h-[0.5px] my-2 ',
| vertical: 'w-[1px] h-full mx-2',
| },
| bgStyle: {
| gradient: 'bg-gradient-to-r from-divider-regular to-background-gradient-mask-transparent',
| solid: 'bg-divider-regular',
| },
| },
| defaultVariants: {
| type: 'horizontal',
| bgStyle: 'solid',
| },
| },
| )
|
| export type DividerProps = {
| className?: string
| style?: CSSProperties
| } & VariantProps<typeof dividerVariants>
|
| const Divider: FC<DividerProps> = ({ type, bgStyle, className = '', style }) => {
| return (
| <div className={classNames(dividerVariants({ type, bgStyle }), className)} style={style}></div>
| )
| }
|
| export default Divider
|
|
