| 1 |
export const ButtonsBlockIcon = () => ( |
| 2 |
<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" viewBox="0 0 800 800" width={80} height={80}> |
| 3 |
<defs> |
| 4 |
<style>{".sp-st0{fill:var(--sp-smart-primary-2-600)}"}</style> |
| 5 |
</defs> |
| 6 |
<path |
| 7 |
d="M734.8 773.3H65.2c-30.5 0-55.2-24.8-55.2-55.2V483.8c0-30.5 24.8-55.2 55.2-55.2h669.5c30.5 0 55.2 24.8 55.2 55.2v234.3c0 30.5-24.8 55.2-55.2 55.2ZM65.2 472c-6.5 0-11.7 5.2-11.7 11.7V718c0 6.5 5.3 11.7 11.7 11.7h669.5c6.5 0 11.7-5.2 11.7-11.7V483.7c0-6.5-5.3-11.7-11.7-11.7H65.2Z" |
| 8 |
className="sp-st0" |
| 9 |
/> |
| 10 |
<path |
| 11 |
d="M609.2 627.6H190.8c-14.8 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8h418.5c14.8 0 26.8 12 26.8 26.8s-12 26.8-26.8 26.8ZM617.6 371.6H182.4C87.3 371.6 10 294.3 10 199.2S87.3 26.7 182.4 26.7h435.2C712.7 26.7 790 104 790 199.1s-77.3 172.4-172.4 172.4ZM182.4 70.3c-71.1 0-128.9 57.8-128.9 128.9s57.8 128.9 128.9 128.9h435.2c71.1 0 128.9-57.8 128.9-128.9S688.7 70.3 617.6 70.3H182.4Z" |
| 12 |
className="sp-st0" |
| 13 |
/> |
| 14 |
<path |
| 15 |
d="M475.3 225.9H190.8c-14.8 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8h284.6c14.8 0 26.8 12 26.8 26.8s-12 26.8-26.8 26.8Z" |
| 16 |
className="sp-st0" |
| 17 |
/> |
| 18 |
<circle cx={617.6} cy={199.1} r={50.2} className="sp-st0" /> |
| 19 |
</svg> |
| 20 |
); |
| 21 |
|
| 22 |
export const ButtonsPreviewImage = () => ( |
| 23 |
<svg viewBox="0 0 236 158" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 24 |
<rect x={0.75} y={0.75} width={234.5} height={156.5} rx={3.25} stroke="#9EA9B2" strokeWidth={1.5} /> |
| 25 |
<rect x={66.7242} y={31.9863} width={103.029} height={42} rx={2} fill="#718491" /> |
| 26 |
<path |
| 27 |
d="M137.997 51.8174V59.2969H135.879V49.7871H137.874L137.997 51.8174ZM137.619 54.1904L136.933 54.1816C136.939 53.5078 137.033 52.8896 137.214 52.3271C137.402 51.7646 137.66 51.2812 137.988 50.877C138.322 50.4727 138.72 50.1621 139.183 49.9453C139.646 49.7227 140.162 49.6113 140.73 49.6113C141.187 49.6113 141.6 49.6758 141.969 49.8047C142.344 49.9277 142.664 50.1299 142.927 50.4111C143.197 50.6924 143.402 51.0586 143.543 51.5098C143.683 51.9551 143.754 52.5029 143.754 53.1533V59.2969H141.627V53.1445C141.627 52.6875 141.559 52.3271 141.424 52.0635C141.296 51.7939 141.105 51.6035 140.853 51.4922C140.607 51.375 140.299 51.3164 139.93 51.3164C139.567 51.3164 139.242 51.3926 138.955 51.5449C138.668 51.6973 138.424 51.9053 138.225 52.1689C138.032 52.4326 137.882 52.7373 137.777 53.083C137.672 53.4287 137.619 53.7979 137.619 54.1904Z" |
| 28 |
fill="white" |
| 29 |
/> |
| 30 |
<path |
| 31 |
d="M125.279 54.6475V54.4453C125.279 53.7598 125.379 53.124 125.578 52.5381C125.777 51.9463 126.064 51.4336 126.439 51C126.82 50.5605 127.283 50.2207 127.828 49.9805C128.379 49.7344 129 49.6113 129.691 49.6113C130.388 49.6113 131.009 49.7344 131.554 49.9805C132.105 50.2207 132.571 50.5605 132.952 51C133.333 51.4336 133.623 51.9463 133.822 52.5381C134.021 53.124 134.121 53.7598 134.121 54.4453V54.6475C134.121 55.333 134.021 55.9688 133.822 56.5547C133.623 57.1406 133.333 57.6533 132.952 58.0928C132.571 58.5264 132.108 58.8662 131.563 59.1123C131.018 59.3525 130.4 59.4727 129.709 59.4727C129.011 59.4727 128.387 59.3525 127.837 59.1123C127.292 58.8662 126.829 58.5264 126.448 58.0928C126.067 57.6533 125.777 57.1406 125.578 56.5547C125.379 55.9688 125.279 55.333 125.279 54.6475ZM127.397 54.4453V54.6475C127.397 55.0752 127.441 55.4795 127.529 55.8604C127.617 56.2412 127.755 56.5752 127.942 56.8623C128.13 57.1494 128.37 57.375 128.663 57.5391C128.956 57.7031 129.304 57.7852 129.709 57.7852C130.101 57.7852 130.441 57.7031 130.728 57.5391C131.021 57.375 131.261 57.1494 131.449 56.8623C131.636 56.5752 131.774 56.2412 131.862 55.8604C131.956 55.4795 132.003 55.0752 132.003 54.6475V54.4453C132.003 54.0234 131.956 53.625 131.862 53.25C131.774 52.8691 131.633 52.5322 131.44 52.2393C131.253 51.9463 131.012 51.7178 130.719 51.5537C130.432 51.3838 130.089 51.2988 129.691 51.2988C129.293 51.2988 128.947 51.3838 128.654 51.5537C128.367 51.7178 128.13 51.9463 127.942 52.2393C127.755 52.5322 127.617 52.8691 127.529 53.25C127.441 53.625 127.397 54.0234 127.397 54.4453Z" |
| 32 |
fill="white" |
| 33 |
/> |
| 34 |
<path |
| 35 |
d="M124.259 49.7871V51.334H118.898V49.7871H124.259ZM120.445 47.458H122.563V56.6689C122.563 56.9619 122.604 57.1875 122.686 57.3457C122.774 57.498 122.894 57.6006 123.047 57.6533C123.199 57.7061 123.378 57.7324 123.583 57.7324C123.729 57.7324 123.87 57.7236 124.005 57.7061C124.139 57.6885 124.248 57.6709 124.33 57.6533L124.339 59.2705C124.163 59.3232 123.958 59.3701 123.723 59.4111C123.495 59.4521 123.231 59.4727 122.932 59.4727C122.446 59.4727 122.015 59.3877 121.64 59.2178C121.265 59.042 120.972 58.7578 120.761 58.3652C120.55 57.9727 120.445 57.4512 120.445 56.8008V47.458Z" |
| 36 |
fill="white" |
| 37 |
/> |
| 38 |
<path |
| 39 |
d="M118.265 49.7871V51.334H112.904V49.7871H118.265ZM114.451 47.458H116.569V56.6689C116.569 56.9619 116.61 57.1875 116.692 57.3457C116.78 57.498 116.9 57.6006 117.052 57.6533C117.205 57.7061 117.383 57.7324 117.589 57.7324C117.735 57.7324 117.876 57.7236 118.01 57.7061C118.145 57.6885 118.254 57.6709 118.336 57.6533L118.344 59.2705C118.169 59.3232 117.964 59.3701 117.729 59.4111C117.501 59.4521 117.237 59.4727 116.938 59.4727C116.452 59.4727 116.021 59.3877 115.646 59.2178C115.271 59.042 114.978 58.7578 114.767 58.3652C114.556 57.9727 114.451 57.4512 114.451 56.8008V47.458Z" |
| 40 |
fill="white" |
| 41 |
/> |
| 42 |
<path |
| 43 |
d="M109.608 57.0557V49.7871H111.735V59.2969H109.731L109.608 57.0557ZM109.907 55.0781L110.619 55.0605C110.619 55.6992 110.548 56.2881 110.408 56.8271C110.267 57.3604 110.05 57.8262 109.757 58.2246C109.464 58.6172 109.089 58.9248 108.632 59.1475C108.175 59.3643 107.628 59.4727 106.989 59.4727C106.526 59.4727 106.101 59.4053 105.714 59.2705C105.328 59.1357 104.994 58.9277 104.713 58.6465C104.437 58.3652 104.223 57.999 104.071 57.5479C103.919 57.0967 103.842 56.5576 103.842 55.9307V49.7871H105.961V55.9482C105.961 56.2939 106.002 56.584 106.084 56.8184C106.166 57.0469 106.277 57.2314 106.418 57.3721C106.558 57.5127 106.722 57.6123 106.91 57.6709C107.097 57.7295 107.297 57.7588 107.507 57.7588C108.111 57.7588 108.586 57.6416 108.931 57.4072C109.283 57.167 109.532 56.8447 109.678 56.4404C109.831 56.0361 109.907 55.582 109.907 55.0781Z" |
| 44 |
fill="white" |
| 45 |
/> |
| 46 |
<path |
| 47 |
d="M97.5231 53.5137H94.2623L94.2448 51.9053H97.0924C97.5729 51.9053 97.9801 51.835 98.3141 51.6943C98.6539 51.5479 98.9117 51.3398 99.0875 51.0703C99.2633 50.7949 99.3512 50.4639 99.3512 50.0771C99.3512 49.6494 99.2692 49.3008 99.1051 49.0312C98.941 48.7617 98.6891 48.5654 98.3492 48.4424C98.0153 48.3193 97.5875 48.2578 97.066 48.2578H94.9303V59.2969H92.7242V46.5H97.066C97.7692 46.5 98.3961 46.5674 98.9469 46.7021C99.5035 46.8369 99.9752 47.0479 100.362 47.335C100.755 47.6162 101.05 47.9736 101.25 48.4072C101.455 48.8408 101.557 49.3564 101.557 49.9541C101.557 50.4814 101.431 50.9648 101.179 51.4043C100.927 51.8379 100.555 52.1924 100.063 52.4678C99.5709 52.7432 98.9586 52.9072 98.2262 52.96L97.5231 53.5137ZM97.4264 59.2969H93.568L94.5612 57.5479H97.4264C97.9244 57.5479 98.3405 57.4658 98.6744 57.3018C99.0084 57.1318 99.2574 56.9004 99.4215 56.6074C99.5914 56.3086 99.6764 55.96 99.6764 55.5615C99.6764 55.1455 99.6031 54.7852 99.4567 54.4805C99.3102 54.1699 99.0787 53.9326 98.7623 53.7686C98.4459 53.5986 98.0328 53.5137 97.5231 53.5137H95.0446L95.0621 51.9053H98.2877L98.7887 52.5117C99.4918 52.5352 100.069 52.6904 100.52 52.9775C100.977 53.2646 101.317 53.6367 101.54 54.0938C101.762 54.5508 101.874 55.043 101.874 55.5703C101.874 56.3848 101.695 57.0674 101.338 57.6182C100.986 58.1689 100.479 58.5879 99.817 58.875C99.1549 59.1562 98.358 59.2969 97.4264 59.2969Z" |
| 48 |
fill="white" |
| 49 |
/> |
| 50 |
<rect x={67.7242} y={85.9863} width={101.029} height={40} rx={8} fill="white" /> |
| 51 |
<rect x={67.7242} y={85.9863} width={101.029} height={40} rx={8} stroke="#718491" strokeWidth={2} /> |
| 52 |
<path |
| 53 |
d="M137.997 104.817V112.297H135.879V102.787H137.874L137.997 104.817ZM137.619 107.19L136.933 107.182C136.939 106.508 137.033 105.89 137.214 105.327C137.402 104.765 137.66 104.281 137.988 103.877C138.322 103.473 138.72 103.162 139.183 102.945C139.646 102.723 140.162 102.611 140.73 102.611C141.187 102.611 141.6 102.676 141.969 102.805C142.344 102.928 142.664 103.13 142.927 103.411C143.197 103.692 143.402 104.059 143.543 104.51C143.683 104.955 143.754 105.503 143.754 106.153V112.297H141.627V106.145C141.627 105.688 141.559 105.327 141.424 105.063C141.296 104.794 141.105 104.604 140.853 104.492C140.607 104.375 140.299 104.316 139.93 104.316C139.567 104.316 139.242 104.393 138.955 104.545C138.668 104.697 138.424 104.905 138.225 105.169C138.032 105.433 137.882 105.737 137.777 106.083C137.672 106.429 137.619 106.798 137.619 107.19Z" |
| 54 |
fill="#718491" |
| 55 |
/> |
| 56 |
<path |
| 57 |
d="M125.279 107.647V107.445C125.279 106.76 125.379 106.124 125.578 105.538C125.777 104.946 126.064 104.434 126.439 104C126.82 103.561 127.283 103.221 127.828 102.98C128.379 102.734 129 102.611 129.691 102.611C130.388 102.611 131.009 102.734 131.554 102.98C132.105 103.221 132.571 103.561 132.952 104C133.333 104.434 133.623 104.946 133.822 105.538C134.021 106.124 134.121 106.76 134.121 107.445V107.647C134.121 108.333 134.021 108.969 133.822 109.555C133.623 110.141 133.333 110.653 132.952 111.093C132.571 111.526 132.108 111.866 131.563 112.112C131.018 112.353 130.4 112.473 129.709 112.473C129.011 112.473 128.387 112.353 127.837 112.112C127.292 111.866 126.829 111.526 126.448 111.093C126.067 110.653 125.777 110.141 125.578 109.555C125.379 108.969 125.279 108.333 125.279 107.647ZM127.397 107.445V107.647C127.397 108.075 127.441 108.479 127.529 108.86C127.617 109.241 127.755 109.575 127.942 109.862C128.13 110.149 128.37 110.375 128.663 110.539C128.956 110.703 129.304 110.785 129.709 110.785C130.101 110.785 130.441 110.703 130.728 110.539C131.021 110.375 131.261 110.149 131.449 109.862C131.636 109.575 131.774 109.241 131.862 108.86C131.956 108.479 132.003 108.075 132.003 107.647V107.445C132.003 107.023 131.956 106.625 131.862 106.25C131.774 105.869 131.633 105.532 131.44 105.239C131.253 104.946 131.012 104.718 130.719 104.554C130.432 104.384 130.089 104.299 129.691 104.299C129.293 104.299 128.947 104.384 128.654 104.554C128.367 104.718 128.13 104.946 127.942 105.239C127.755 105.532 127.617 105.869 127.529 106.25C127.441 106.625 127.397 107.023 127.397 107.445Z" |
| 58 |
fill="#718491" |
| 59 |
/> |
| 60 |
<path |
| 61 |
d="M124.259 102.787V104.334H118.898V102.787H124.259ZM120.445 100.458H122.563V109.669C122.563 109.962 122.604 110.188 122.686 110.346C122.774 110.498 122.894 110.601 123.047 110.653C123.199 110.706 123.378 110.732 123.583 110.732C123.729 110.732 123.87 110.724 124.005 110.706C124.139 110.688 124.248 110.671 124.33 110.653L124.339 112.271C124.163 112.323 123.958 112.37 123.723 112.411C123.495 112.452 123.231 112.473 122.932 112.473C122.446 112.473 122.015 112.388 121.64 112.218C121.265 112.042 120.972 111.758 120.761 111.365C120.55 110.973 120.445 110.451 120.445 109.801V100.458Z" |
| 62 |
fill="#718491" |
| 63 |
/> |
| 64 |
<path |
| 65 |
d="M118.265 102.787V104.334H112.904V102.787H118.265ZM114.451 100.458H116.569V109.669C116.569 109.962 116.61 110.188 116.692 110.346C116.78 110.498 116.9 110.601 117.052 110.653C117.205 110.706 117.383 110.732 117.589 110.732C117.735 110.732 117.876 110.724 118.01 110.706C118.145 110.688 118.254 110.671 118.336 110.653L118.344 112.271C118.169 112.323 117.964 112.37 117.729 112.411C117.501 112.452 117.237 112.473 116.938 112.473C116.452 112.473 116.021 112.388 115.646 112.218C115.271 112.042 114.978 111.758 114.767 111.365C114.556 110.973 114.451 110.451 114.451 109.801V100.458Z" |
| 66 |
fill="#718491" |
| 67 |
/> |
| 68 |
<path |
| 69 |
d="M109.608 110.056V102.787H111.735V112.297H109.731L109.608 110.056ZM109.907 108.078L110.619 108.061C110.619 108.699 110.548 109.288 110.408 109.827C110.267 110.36 110.05 110.826 109.757 111.225C109.464 111.617 109.089 111.925 108.632 112.147C108.175 112.364 107.628 112.473 106.989 112.473C106.526 112.473 106.101 112.405 105.714 112.271C105.328 112.136 104.994 111.928 104.713 111.646C104.437 111.365 104.223 110.999 104.071 110.548C103.919 110.097 103.842 109.558 103.842 108.931V102.787H105.961V108.948C105.961 109.294 106.002 109.584 106.084 109.818C106.166 110.047 106.277 110.231 106.418 110.372C106.558 110.513 106.722 110.612 106.91 110.671C107.097 110.729 107.297 110.759 107.507 110.759C108.111 110.759 108.586 110.642 108.931 110.407C109.283 110.167 109.532 109.845 109.678 109.44C109.831 109.036 109.907 108.582 109.907 108.078Z" |
| 70 |
fill="#718491" |
| 71 |
/> |
| 72 |
<path |
| 73 |
d="M97.5231 106.514H94.2623L94.2448 104.905H97.0924C97.5729 104.905 97.9801 104.835 98.3141 104.694C98.6539 104.548 98.9117 104.34 99.0875 104.07C99.2633 103.795 99.3512 103.464 99.3512 103.077C99.3512 102.649 99.2692 102.301 99.1051 102.031C98.941 101.762 98.6891 101.565 98.3492 101.442C98.0153 101.319 97.5875 101.258 97.066 101.258H94.9303V112.297H92.7242V99.5H97.066C97.7692 99.5 98.3961 99.5674 98.9469 99.7021C99.5035 99.8369 99.9752 100.048 100.362 100.335C100.755 100.616 101.05 100.974 101.25 101.407C101.455 101.841 101.557 102.356 101.557 102.954C101.557 103.481 101.431 103.965 101.179 104.404C100.927 104.838 100.555 105.192 100.063 105.468C99.5709 105.743 98.9586 105.907 98.2262 105.96L97.5231 106.514ZM97.4264 112.297H93.568L94.5612 110.548H97.4264C97.9244 110.548 98.3405 110.466 98.6744 110.302C99.0084 110.132 99.2574 109.9 99.4215 109.607C99.5914 109.309 99.6764 108.96 99.6764 108.562C99.6764 108.146 99.6031 107.785 99.4567 107.48C99.3102 107.17 99.0787 106.933 98.7623 106.769C98.4459 106.599 98.0328 106.514 97.5231 106.514H95.0446L95.0621 104.905H98.2877L98.7887 105.512C99.4918 105.535 100.069 105.69 100.52 105.978C100.977 106.265 101.317 106.637 101.54 107.094C101.762 107.551 101.874 108.043 101.874 108.57C101.874 109.385 101.695 110.067 101.338 110.618C100.986 111.169 100.479 111.588 99.817 111.875C99.1549 112.156 98.358 112.297 97.4264 112.297Z" |
| 74 |
fill="#718491" |
| 75 |
/> |
| 76 |
</svg> |
| 77 |
); |
| 78 |
|
