2022-09-19 17:12:30 -07:00
|
|
|
export const UpTriangle = ({ size }: { size?: 'small' }) => (
|
|
|
|
<div
|
|
|
|
className={`h-0 w-0 ${
|
|
|
|
size === 'small'
|
|
|
|
? 'border-l-[4px] border-r-[4px] border-b-[6.92px]'
|
|
|
|
: 'border-l-[6px] border-r-[6px] border-b-[10.39px]'
|
|
|
|
} border-l-transparent border-r-transparent border-b-th-green`}
|
|
|
|
/>
|
2022-07-19 20:33:30 -07:00
|
|
|
)
|
|
|
|
|
2022-09-19 17:12:30 -07:00
|
|
|
export const DownTriangle = ({ size }: { size?: 'small' }) => (
|
|
|
|
<div
|
|
|
|
className={`h-0 w-0 ${
|
|
|
|
size === 'small'
|
2022-09-20 23:13:14 -07:00
|
|
|
? 'border-l-[4px] border-r-[4px] border-t-[6.92px]'
|
|
|
|
: 'border-l-[6px] border-r-[6px] border-t-[10.39px]'
|
2022-09-19 17:12:30 -07:00
|
|
|
} border-l-transparent border-r-transparent border-t-th-red`}
|
|
|
|
/>
|
2022-07-19 20:33:30 -07:00
|
|
|
)
|