import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import React from "react";
import Icons from "../../icons";
import { Wrapper } from "./styled";
class ScrollDownButton extends React.Component {
    scrollToRef() {
        this.props.externalRef.current.scrollIntoView({
            behavior: "smooth",
            block: "start",
        });
    }
    render() {
        return (_jsxs(_Fragment, { children: [_jsx(Wrapper, { onClick: () => this.scrollToRef(), className: this.props.className, children: _jsx(Icons.ArrowDown, {}) }), _jsx("div", { ref: this.props.externalRef, style: { position: "absolute", left: 0, top: "100vh" } })] }));
    }
}
export default ScrollDownButton;
//# sourceMappingURL=index.js.map