import React, {FC} from "react";
import {__} from "../../globals";
import {NewTreeActions} from "../NewTreeActions";

export type DefaultWelcomeOptionsProps = {
}

export const DefaultWelcomeOptions: FC<DefaultWelcomeOptionsProps> = () => {
    return <div className="relative space-y-6 flex flex-col items-center justify-center w-full h-full">
        <div className={"flex flex-col items-center spayce-y-2"}>
            <h1 className="text-8x text-gray-800 font-medium ">{__('When the customer buys....')}</h1>
        </div>
        <svg width="78" height="79" viewBox="0 0 78 79" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd" clip-rule="evenodd"
                  d="M54.0996 7.2C56.0836 7.2 57.6996 5.585 57.6996 3.6C57.6996 1.615 56.0836 0 54.0996 0C52.1156 0 50.4996 1.615 50.4996 3.6C50.4996 5.585 52.1156 7.2 54.0996 7.2ZM54.0996 2C54.9816 2 55.6996 2.718 55.6996 3.6C55.6996 4.482 54.9816 5.2 54.0996 5.2C53.2176 5.2 52.4996 4.482 52.4996 3.6C52.4996 2.718 53.2176 2 54.0996 2ZM38.0996 28.2C43.6226 28.2 48.0996 23.723 48.0996 18.2C48.0996 12.677 43.6226 8.20001 38.0996 8.20001C32.5766 8.20001 28.0996 12.677 28.0996 18.2C28.0996 23.723 32.5766 28.2 38.0996 28.2ZM33.1926 17.693C33.5836 17.303 34.2166 17.303 34.6066 17.693L36.5996 19.686L41.5926 14.693C41.9836 14.303 42.6166 14.303 43.0066 14.693C43.3976 15.084 43.3976 15.717 43.0066 16.107L37.3066 21.807C36.9156 22.198 36.2826 22.198 35.8926 21.807L33.1926 19.107C32.8016 18.717 32.8016 18.083 33.1926 17.693ZM67.2416 37.36L77.2416 52.96C77.4386 53.269 77.4526 53.659 77.2766 53.979C77.1016 54.301 76.7646 54.5 76.3996 54.5H67.3996V77.9C67.3996 78.453 66.9526 78.9 66.3996 78.9H32.9996H11.5996C11.0476 78.9 10.5996 78.453 10.5996 77.9V54.5H1.59958C1.23358 54.5 0.897578 54.301 0.722578 53.98C0.547578 53.659 0.561579 53.269 0.758579 52.96L10.7586 37.36C10.7874 37.3141 10.8235 37.2755 10.8596 37.2368L10.8716 37.224C10.8768 37.2184 10.8812 37.2124 10.8856 37.2064C10.8914 37.1986 10.8972 37.1908 10.9046 37.184C10.9856 37.105 11.0796 37.044 11.1816 36.997C11.1993 36.9885 11.2176 36.9818 11.2361 36.9751L11.2526 36.969C11.3626 36.928 11.4786 36.899 11.5996 36.899H32.9996H66.4006C66.5216 36.899 66.6376 36.928 66.7476 36.969C66.7726 36.979 66.7956 36.987 66.8196 36.998C66.9206 37.045 67.0146 37.105 67.0956 37.184C67.1006 37.189 67.105 37.1943 67.1092 37.1997L67.1169 37.2097C67.121 37.2149 67.1251 37.2201 67.1296 37.225L67.1474 37.2445L67.1474 37.2445C67.1808 37.2809 67.2144 37.3176 67.2416 37.36ZM31.1706 38.9H12.1466L3.42858 52.5H22.4526L31.1706 38.9ZM23.8416 54.04C23.6576 54.326 23.3406 54.5 22.9996 54.5H12.5996V76.523L31.9996 67.277V41.313L23.8416 54.04ZM33.9996 76.9H65.3996V54.5H43.0006C42.6596 54.5 42.3426 54.326 42.1586 54.04L33.9996 41.313V76.9ZM34.8286 38.9L43.5466 52.5H74.5706L65.8526 38.9H34.8286ZM52.6996 69.6H62.3996V73.9H52.6996V69.6ZM53.8926 29.309L56.8926 25.209C57.2166 24.764 57.8426 24.666 58.2906 24.992C58.7356 25.318 58.8326 25.944 58.5066 26.389L55.5066 30.489C55.3106 30.757 55.0076 30.899 54.6986 30.899C54.4936 30.899 54.2876 30.836 54.1086 30.706C53.6636 30.38 53.5666 29.754 53.8926 29.309ZM19.2236 21.537C18.4206 20.801 17.2276 20.788 16.5066 21.507C16.1166 21.897 15.4826 21.898 15.0916 21.507C14.7006 21.116 14.7006 20.484 15.0916 20.093C16.5696 18.614 18.9786 18.603 20.5736 20.063C21.3576 20.781 21.7786 21.764 21.7606 22.83C21.7446 23.828 21.3446 24.803 20.6356 25.576C20.4396 25.791 20.1696 25.9 19.8986 25.9C19.6576 25.9 19.4156 25.813 19.2236 25.637C18.8166 25.264 18.7886 24.631 19.1626 24.224C19.5406 23.811 19.7536 23.304 19.7626 22.795C19.7676 22.452 19.6796 21.954 19.2236 21.537Z"
                  fill="black"/>
        </svg>
        <NewTreeActions/>
        <div className="absolute">
            <svg width="667" height="188" viewBox="0 0 667 188" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g clip-path="url(#clip0_7_256)">
                    <path
                        d="M154 105H134C132.167 105 130.667 106.5 130.667 108.333V111.667C125.167 111.667 120.667 116.167 120.667 121.667V131.667H124C124 134.428 126.238 136.667 129 136.667C131.762 136.667 134 134.428 134 131.667H140.667C140.667 134.428 142.905 136.667 145.667 136.667C148.428 136.667 150.667 134.428 150.667 131.667H154C155.833 131.667 157.333 130.167 157.333 128.333V108.333C157.333 106.5 155.833 105 154 105ZM155.667 128.333C155.667 129.253 154.919 130 154 130H150.376C149.688 128.059 147.843 126.667 145.667 126.667C143.491 126.667 141.644 128.059 140.958 130H134C133.897 130 133.797 129.988 133.698 129.969C133.415 129.185 132.943 128.493 132.333 127.947V108.333C132.333 107.414 133.081 106.667 134 106.667H154C154.919 106.667 155.667 107.414 155.667 108.333V128.333ZM149 131.667C149 133.505 147.505 135 145.667 135C143.828 135 142.333 133.505 142.333 131.667C142.333 129.828 143.828 128.333 145.667 128.333C147.505 128.333 149 129.828 149 131.667ZM132.333 131.667C132.333 133.505 130.838 135 129 135C127.162 135 125.667 133.505 125.667 131.667C125.667 129.828 127.162 128.333 129 128.333C130.838 128.333 132.333 129.828 132.333 131.667ZM130.667 113.333V120.833H122.376C122.795 116.628 126.353 113.333 130.667 113.333ZM122.333 130V122.5H130.667V126.958C130.145 126.773 129.585 126.667 129 126.667C126.824 126.667 124.978 128.059 124.291 130H122.333Z"
                        fill="black"/>
                </g>
                <g clip-path="url(#clip1_7_256)">
                    <path
                        d="M73 96H93C97.4 96 101 92.4 101 88V60C101 57.8 99.2 56 97 56H85C82.8 56 81 57.8 81 60V80H73C68.6 80 65 83.6 65 88C65 92.4 68.6 96 73 96ZM93 94H91.688C91.245 93.07 91 92.048 91 91C91 87.141 94.14 84 98 84C98.332 84 98.666 84.031 99 84.078V88C99 91.308 96.308 94 93 94ZM83 60C83 58.897 83.897 58 85 58H97C98.103 58 99 58.897 99 60V65H83V60ZM81 82H83V80V67H99V82.062C98.666 82.025 98.332 82 98 82C93.038 82 89 86.037 89 91C89 92.031 89.193 93.042 89.531 94H78V82H81ZM73 82H76V94H73C69.692 94 67 91.308 67 88C67 84.692 69.692 82 73 82Z"
                        fill="black"/>
                </g>
                <g clip-path="url(#clip2_7_256)">
                    <path
                        d="M98.965 152.368H94.616C94.838 151.742 94.965 151.07 94.965 150.368C94.965 147.054 92.279 144.368 88.965 144.368C85.651 144.368 82.965 147.054 82.965 150.368C82.965 151.07 83.092 151.742 83.314 152.368H82.616C82.838 151.742 82.965 151.07 82.965 150.368C82.965 147.054 80.279 144.368 76.965 144.368C73.651 144.368 70.965 147.054 70.965 150.368C70.965 151.07 71.092 151.742 71.314 152.368H66.965C64.765 152.368 62.965 154.168 62.965 156.368V180.368C62.965 182.568 64.765 184.368 66.965 184.368H98.965C101.165 184.368 102.965 182.568 102.965 180.368V156.368C102.965 154.168 101.165 152.368 98.965 152.368ZM88.965 146.368C91.171 146.368 92.965 148.162 92.965 150.368C92.965 152.574 91.171 154.368 88.965 154.368C86.759 154.368 84.965 152.574 84.965 150.368C84.965 148.162 86.759 146.368 88.965 146.368ZM76.965 146.368C79.171 146.368 80.965 148.162 80.965 150.368C80.965 152.574 79.171 154.368 76.965 154.368C74.759 154.368 72.965 152.574 72.965 150.368C72.965 148.162 74.759 146.368 76.965 146.368ZM64.965 156.368C64.965 155.265 65.862 154.368 66.965 154.368H72.502C73.601 155.593 75.19 156.368 76.965 156.368C78.74 156.368 80.33 155.593 81.428 154.368H81.551L73.551 162.368L74.965 163.782L81.965 156.782V168.368H64.965V156.368V156.368ZM64.965 180.368V170.368H81.965V182.368H66.965C65.862 182.368 64.965 181.471 64.965 180.368ZM100.965 180.368C100.965 181.471 100.068 182.368 98.965 182.368H83.965V170.368H100.965V168.368H83.965V156.782L90.965 163.782L92.379 162.368L84.379 154.368H84.502C85.601 155.593 87.19 156.368 88.965 156.368C90.74 156.368 92.33 155.593 93.428 154.368H98.965C100.068 154.368 100.965 155.265 100.965 156.368V180.368Z"
                        fill="black"/>
                </g>
                <g clip-path="url(#clip3_7_256)">
                    <path
                        d="M24.909 5.02601C19.66 4.75501 14.685 6.58401 10.889 10.186C7.092 13.791 5 18.658 5 23.893C5 29.842 7.854 35.515 12.635 39.067C13.08 39.397 13.705 39.303 14.034 38.861C14.363 38.418 14.271 37.791 13.828 37.462C9.488 34.237 7 29.292 7 23.893C7 19.213 8.87 14.861 12.267 11.637C15.663 8.41701 20.134 6.77501 24.804 7.02501C33.307 7.47001 40.317 14.48 40.762 22.983C41.156 30.485 36.483 37.429 29.398 39.87C28.368 40.225 27.258 40.059 26.36 39.418C25.427 38.753 24.893 37.719 24.893 36.579V33.067C27.866 32.584 30.157 29.995 30.157 26.891V23.189C30.157 22.149 29.645 21.23 28.869 20.647V16.976C28.869 16.423 28.422 15.976 27.869 15.976C27.316 15.976 26.869 16.423 26.869 16.976V20H21V17C21 16.447 20.553 16 20 16C19.447 16 19 16.447 19 17V20.578C18.175 21.156 17.63 22.11 17.63 23.188V26.89C17.63 29.994 19.92 32.582 22.893 33.066V36.578C22.893 38.346 23.754 40.016 25.198 41.045C26.134 41.712 27.212 42.055 28.305 42.055C28.888 42.055 29.476 41.957 30.05 41.76C37.973 39.031 43.199 31.266 42.76 22.877C42.261 13.366 34.42 5.52501 24.909 5.02601Z"
                        fill="black"/>
                </g>
                <g clip-path="url(#clip4_7_256)">
                    <path
                        d="M30 132.023H36V121.083C39.059 119.569 41 116.476 41 113.023V111.022L29.757 111.027C29.166 108.412 27.452 106.176 25 104.963V94.023H17V104.963C13.941 106.477 12 109.57 12 113.023V132.023H28H30V132.023ZM39 113.024C39 115.886 37.282 118.432 34.625 119.509L34 119.763V130.024H30V119.763L29.375 119.51C26.72 118.434 25.003 115.891 25 113.03L39 113.024ZM14 130.023V113.023C14 110.16 15.717 107.614 18.375 106.537L19 106.284V96.023H23V106.284L23.625 106.537C25.643 107.355 27.114 109.021 27.708 111.029L23 111.031V113.023C23 116.475 24.941 119.569 28 121.083V130.023H14V130.023Z"
                        fill="black"/>
                </g>
                <g clip-path="url(#clip5_7_256)">
                    <path
                        d="M659 7H647.997C647.997 7.011 648 7.021 648 7.032C648 9.793 645.761 12.032 643 12.032C640.239 12.032 638 9.793 638 7.032C638 7.021 638.003 7.011 638.003 7H627C624.8 7 623 8.8 623 11V19C623 21.2 624.8 23 627 23H628.978V39C628.978 41.2 630.778 43 632.978 43H653C655.2 43 657 41.2 657 39V23H659C661.2 23 663 21.2 663 19V11C663 8.8 661.2 7 659 7ZM661 19C661 20.103 660.103 21 659 21H655V23V39C655 40.103 654.103 41 653 41H632.978C631.875 41 630.978 40.103 630.978 39V23V21H627C625.897 21 625 20.103 625 19V11C625 9.897 625.897 9 627 9H636.282C637.134 11.905 639.824 14.032 643 14.032C646.177 14.032 648.866 11.905 649.718 9H659C660.103 9 661 9.897 661 11V19Z"
                        fill="black"/>
                </g>
                <g clip-path="url(#clip6_7_256)">
                    <path
                        d="M643 125C644.105 125 645 124.105 645 123C645 121.895 644.105 121 643 121C641.895 121 641 121.895 641 123C641 124.105 641.895 125 643 125Z"
                        fill="black"/>
                    <path
                        d="M643 115C644.105 115 645 114.105 645 113C645 111.895 644.105 111 643 111C641.895 111 641 111.895 641 113C641 114.105 641.895 115 643 115Z"
                        fill="black"/>
                    <path
                        d="M633 115C634.105 115 635 114.105 635 113C635 111.895 634.105 111 633 111C631.895 111 631 111.895 631 113C631 114.105 631.895 115 633 115Z"
                        fill="black"/>
                    <path
                        d="M643 132C653.477 132 662 123.477 662 113V112H661C658.688 112 656.558 110.643 655.571 108.542L655.272 107.905L654.572 107.97C654.385 107.989 654.193 108 654 108C650.691 108 648 105.309 648 102C648 101.807 648.011 101.615 648.029 101.428L648.094 100.728L647.457 100.429C645.357 99.442 644 97.312 644 95V94H643C632.523 94 624 102.523 624 113C624 123.477 632.523 132 643 132ZM642.067 96.025C642.388 98.476 643.846 100.672 646 101.921C646 101.947 646 101.974 646 102C646 106.411 649.589 110 654 110C654.026 110 654.053 110 654.079 110C655.327 112.153 657.523 113.611 659.975 113.933C659.489 122.875 652.061 130 643 130C633.626 130 626 122.374 626 113C626 103.939 633.125 96.511 642.067 96.025Z"
                        fill="black"/>
                </g>
                <g clip-path="url(#clip7_7_256)">
                    <path
                        d="M528 129C530.761 129 533 126.761 533 124C533 121.239 530.761 119 528 119C525.239 119 523 121.239 523 124C523 126.761 525.239 129 528 129ZM528 121C529.654 121 531 122.346 531 124C531 125.654 529.654 127 528 127C526.346 127 525 125.654 525 124C525 122.346 526.346 121 528 121Z"
                        fill="black"/>
                    <path
                        d="M525 111C526.105 111 527 110.105 527 109C527 107.895 526.105 107 525 107C523.895 107 523 107.895 523 109C523 110.105 523.895 111 525 111Z"
                        fill="black"/>
                    <path
                        d="M518 129C519.105 129 520 128.105 520 127C520 125.895 519.105 125 518 125C516.895 125 516 125.895 516 127C516 128.105 516.895 129 518 129Z"
                        fill="black"/>
                    <path
                        d="M523 133C529.547 133 535.341 129.84 538.989 124.978L533 113L523 93L513 113L507.011 124.978C510.659 129.84 516.453 133 523 133ZM518 113C519.654 113 521 114.346 521 116C521 117.654 519.654 119 518 119C516.346 119 515 117.654 515 116C515 114.346 516.346 113 518 113ZM513.152 117.169C513.68 119.364 515.643 121 518 121C520.761 121 523 118.761 523 116C523 113.239 520.761 111 518 111C517.302 111 516.638 111.145 516.034 111.404L523 97.472L531.211 113.894L536.627 124.727C533.197 128.729 528.295 131 523 131C517.705 131 512.803 128.729 509.372 124.727L513.152 117.169Z"
                        fill="black"/>
                </g>
                <g clip-path="url(#clip8_7_256)">
                    <path
                        d="M598 69C598 66.243 595.757 64 593 64H587C585.359 64 583.912 64.806 583 66.031C582.088 64.806 580.641 64 579 64H573C570.243 64 568 66.243 568 69V74H564V80V81V90H568V95H570V90H596V95H598V90H602V81V80V74H598V69ZM587 66H593C594.654 66 596 67.346 596 69V77C596 78.654 594.654 80 593 80H587C585.346 80 584 78.654 584 77V69C584 67.346 585.346 66 587 66ZM583.026 80H582.975C582.983 79.989 582.993 79.98 583.001 79.969C583.008 79.98 583.017 79.989 583.026 80ZM570 69C570 67.346 571.346 66 573 66H579C580.654 66 582 67.346 582 69V77C582 78.654 580.654 80 579 80H573C571.346 80 570 78.654 570 77V69ZM566 76H568V77C568 78.13 568.391 79.162 569.026 80H566V76ZM600 88H566V82H573H579H587H593H600V88ZM600 76V80H596.974C597.609 79.162 598 78.13 598 77V76H600Z"
                        fill="black"/>
                </g>
                <g clip-path="url(#clip9_7_256)">
                    <path
                        d="M596.005 146C592.696 146 590.005 148.691 590.005 152V155H592.005V152C592.005 149.794 593.799 148 596.005 148C598.211 148 600.005 149.794 600.005 152V164H600H598.671H591H589.338C587.597 164 586.18 165.346 586.033 167.049C585.19 166.401 584.148 166 583.005 166C581.875 166 580.843 166.391 580.005 167.026V167C580.005 165.346 578.659 164 577.005 164H576.005H575.005H567.005H566V152C566 149.794 567.794 148 570 148C572.206 148 574 149.794 574 152V155H576V152C576 148.691 573.309 146 570 146C566.691 146 564 148.691 564 152V164V166V169H564.005V171.4C564.005 171.469 564.021 171.533 564.025 171.6C564.018 171.733 564.005 171.865 564.005 171.999C564.005 176.41 567.594 179.999 572.005 179.999C576.416 179.999 580.005 176.41 580.005 171.999C580.005 171.864 579.991 171.733 579.985 171.6C579.99 171.533 580.005 171.468 580.005 171.4V171C580.005 169.346 581.351 168 583.005 168C584.659 168 586.005 169.346 586.005 171V171.066C586.005 171.173 586.027 171.274 586.036 171.378C586.02 171.584 586.005 171.79 586.005 172C586.005 176.411 589.594 180 594.005 180C598.416 180 602.005 176.411 602.005 172C602.005 171.79 601.989 171.584 601.974 171.378C601.984 171.274 602.005 171.173 602.005 171.066V167.333C602.005 167.316 602 167.301 602 167.285V166H602.005V152C602.005 148.691 599.313 146 596.005 146ZM572.005 176V174C573.108 174 574.005 173.103 574.005 172H576.005C576.005 174.206 574.21 176 572.005 176ZM594.005 176V174C595.108 174 596.005 173.103 596.005 172H598.005C598.005 174.206 596.21 176 594.005 176Z"
                        fill="black"/>
                </g>
                <defs>
                    <clipPath id="clip0_7_256">
                        <rect width="40" height="40" fill="white" transform="translate(119 100)"/>
                    </clipPath>
                    <clipPath id="clip1_7_256">
                        <rect width="48" height="48" fill="white" transform="translate(59 52)"/>
                    </clipPath>
                    <clipPath id="clip2_7_256">
                        <rect width="48" height="48" fill="white" transform="translate(59 140)"/>
                    </clipPath>
                    <clipPath id="clip3_7_256">
                        <rect width="48" height="48" fill="white"/>
                    </clipPath>
                    <clipPath id="clip4_7_256">
                        <rect width="48" height="48" fill="white" transform="translate(0 90)"/>
                    </clipPath>
                    <clipPath id="clip5_7_256">
                        <rect width="48" height="48" fill="white" transform="translate(619 1)"/>
                    </clipPath>
                    <clipPath id="clip6_7_256">
                        <rect width="48" height="48" fill="white" transform="translate(619 89)"/>
                    </clipPath>
                    <clipPath id="clip7_7_256">
                        <rect width="48" height="48" fill="white" transform="translate(499 89)"/>
                    </clipPath>
                    <clipPath id="clip8_7_256">
                        <rect width="48" height="48" fill="white" transform="translate(559 51)"/>
                    </clipPath>
                    <clipPath id="clip9_7_256">
                        <rect width="48" height="48" fill="white" transform="translate(559 139)"/>
                    </clipPath>
                </defs>
            </svg>

        </div>
    </div>
}
