File size: 882 Bytes
9b906ea | 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 | import { useTranslation } from "react-i18next";
import ImageIcon from "#/icons/image.svg?react";
import ArrowDownCurveIcon from "#/icons/arrow-down-curve.svg?react";
import { I18nKey } from "#/i18n/declaration";
export function DragOver() {
const { t } = useTranslation("openhands");
return (
<div className="drag-over">
<div className="drag-over-content-wrapper">
<div className="relative">
<ImageIcon
width={36}
height={36}
className="rotate-[-27deg] absolute top-[-40px] left-[-10px]"
/>
<ArrowDownCurveIcon
width={16}
height={16}
className="absolute top-[-16px] left-[-20px]"
/>
</div>
<div className="drag-over-content">
<p>{t(I18nKey.COMMON$DROP_YOUR_FILES_HERE)}</p>
</div>
</div>
</div>
);
}
|