27 lines
599 B
React
27 lines
599 B
React
import { MoveDiagonal2 } from 'lucide-react';
|
|
import React from "react";
|
|
|
|
const CustomResizeHandle = React.forwardRef((props, ref) => {
|
|
const { handleAxis, isVisable, ...restProps } = props;
|
|
if (!isVisable) return null;
|
|
return (
|
|
<div
|
|
ref={ref}
|
|
{...restProps}
|
|
className={`resize-hande-${handleAxis}`}
|
|
style={{
|
|
position: 'absolute',
|
|
bottom: 0,
|
|
right: 0,
|
|
cursor: "pointer",
|
|
width: "20px",
|
|
height: "20px",
|
|
zIndex: "1",
|
|
}}
|
|
>
|
|
<MoveDiagonal2 />
|
|
</div>
|
|
);
|
|
});
|
|
|
|
export default CustomResizeHandle; |