import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { FONTS } from '../layout/colors';
const origWidth = 77;
const scale = 0.4;
const Icon = () => {
    return (_jsx("svg", { style: {
            width: origWidth * scale,
        }, viewBox: "0 0 77 160", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M5 154.5C51 121 79 81 69 5", stroke: "currentColor", strokeWidth: "8", strokeLinecap: "round" }) }));
};
export const DownloadNudge = () => {
    return (_jsx("div", { style: {
            position: 'relative',
            flexDirection: 'row',
            display: 'flex',
            justifyContent: 'flex-end',
            textAlign: 'right',
            paddingRight: 22,
            paddingTop: 20,
        }, children: _jsxs("div", { children: [_jsx(Icon, {}), _jsx("div", { style: {
                        fontFamily: FONTS.GTPLANAR,
                        fontSize: 15,
                        width: 280,
                        position: 'absolute',
                        right: 70,
                        top: 70,
                    }, children: "Export the video!" })] }) }));
};
