mirror of
https://github.com/mountain-loop/yaak.git
synced 2026-03-20 16:43:53 +01:00
25 lines
579 B
TypeScript
25 lines
579 B
TypeScript
import classNames from 'classnames';
|
|
import React, { memo } from 'react';
|
|
|
|
interface Props {
|
|
className?: string;
|
|
depth: number;
|
|
}
|
|
|
|
export const DropMarker = memo(
|
|
function DropMarker({ className, depth }: Props) {
|
|
return (
|
|
<div
|
|
className={classNames(
|
|
className,
|
|
depth > 0 ? 'ml-5' : 'ml-0',
|
|
'relative w-full h-0 overflow-visible pointer-events-none',
|
|
)}
|
|
>
|
|
<div className="absolute z-50 left-2 right-2 -bottom-[0.1rem] h-[0.2rem] bg-blue-500/50 rounded-full" />
|
|
</div>
|
|
);
|
|
},
|
|
() => true,
|
|
);
|