2023-02-13 16:31:18 -05:00
|
|
|
import React from 'react';
|
2023-02-13 20:13:59 -05:00
|
|
|
|
|
|
|
|
export default function ScrollToBottom({ scrollHandler}) {
|
2023-02-13 16:31:18 -05:00
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<button
|
|
|
|
|
onClick={scrollHandler}
|
|
|
|
|
className="absolute right-6 bottom-[124px] z-10 cursor-pointer rounded-full border border-gray-200 bg-gray-50 text-gray-600 dark:border-white/10 dark:bg-white/10 dark:text-gray-200 md:bottom-[120px]"
|
|
|
|
|
>
|
|
|
|
|
<svg
|
|
|
|
|
stroke="currentColor"
|
|
|
|
|
fill="none"
|
|
|
|
|
strokeWidth="2"
|
|
|
|
|
viewBox="0 0 24 24"
|
|
|
|
|
strokeLinecap="round"
|
|
|
|
|
strokeLinejoin="round"
|
|
|
|
|
className="m-1 h-4 w-4"
|
|
|
|
|
height="1em"
|
|
|
|
|
width="1em"
|
|
|
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
|
|
|
>
|
|
|
|
|
<line
|
|
|
|
|
x1="12"
|
|
|
|
|
y1="5"
|
|
|
|
|
x2="12"
|
|
|
|
|
y2="19"
|
|
|
|
|
/>
|
|
|
|
|
<polyline points="19 12 12 19 5 12" />
|
|
|
|
|
</svg>
|
|
|
|
|
</button>
|
|
|
|
|
);
|
|
|
|
|
}
|
