import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import Button from "../../../button";
import { ArrowDownToLineIcon } from "../../../icon";
import { CopyIcon } from "./copy";
export const BottomButtons = (props)=>{
    const { onClickDownload, onClickCopy } = props;
    return /*#__PURE__*/ _jsxs("div", {
        className: "orderly-h-[76px] orderly-flex orderly-gap-3 orderly-items-center orderly-justify-center",
        children: [
            /*#__PURE__*/ _jsxs(Button, {
                color: "tertiary",
                className: "orderly-w-[188px] orderly-referral-download-btn-bg",
                onClick: onClickDownload,
                children: [
                    /*#__PURE__*/ _jsx("span", {
                        children: /*#__PURE__*/ _jsx(ArrowDownToLineIcon, {
                            size: 16
                        })
                    }),
                    "Download"
                ]
            }),
            /*#__PURE__*/ _jsxs(Button, {
                className: "orderly-w-[188px] orderly-text-base-contrast",
                onClick: onClickCopy,
                children: [
                    /*#__PURE__*/ _jsx("span", {
                        children: /*#__PURE__*/ _jsx(CopyIcon, {})
                    }),
                    "Copy"
                ]
            })
        ]
    });
};

//# sourceMappingURL=bottomBtns.js.map