| 1 |
export const ContainerColumnTwoLayoutOne = ({ value }) => ( |
| 2 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={52} viewBox="0 0 78 52" fill="none"> |
| 3 |
<path |
| 4 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 5 |
fill="white" |
| 6 |
/> |
| 7 |
<path |
| 8 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 9 |
stroke={value === "container-column-two-layout-one" ? "#458DD7" : "#58707F"} |
| 10 |
strokeWidth={1.2} |
| 11 |
/> |
| 12 |
<rect x={6} y={6} width={32} height={40} rx={2} fill="#58707F" /> |
| 13 |
<rect x={40} y={6} width={32} height={40} rx={2} fill="#58707F" /> |
| 14 |
{value === "container-column-two-layout-one" && ( |
| 15 |
<> |
| 16 |
<g clipPath="url(#clip0_11255_639575)"> |
| 17 |
<path |
| 18 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46243 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01555 66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 19 |
fill="white" |
| 20 |
/> |
| 21 |
<path |
| 22 |
d="M69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 23 |
fill="white" |
| 24 |
/> |
| 25 |
<path |
| 26 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46244 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01553 66.0281 6.00064L66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7417 10.5645 69.5787 10.7274L69.5787 10.7273Z" |
| 27 |
fill="#1A74E4" |
| 28 |
/> |
| 29 |
</g> |
| 30 |
<defs> |
| 31 |
<clipPath id="clip0_11255_639575"> |
| 32 |
<rect width="12" height="12" fill="white" transform="translate(60 6)" /> |
| 33 |
</clipPath> |
| 34 |
</defs> |
| 35 |
</> |
| 36 |
)} |
| 37 |
</svg> |
| 38 |
); |
| 39 |
|
| 40 |
export const ContainerColumnTwoLayoutTwo = ({ value }) => ( |
| 41 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={52} viewBox="0 0 78 52" fill="none"> |
| 42 |
<path |
| 43 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 44 |
fill="white" |
| 45 |
/> |
| 46 |
<path |
| 47 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 48 |
stroke={value === "container-column-two-layout-two" ? "#458DD7" : "#58707F"} |
| 49 |
strokeWidth={1.2} |
| 50 |
/> |
| 51 |
<rect x={6} y={6} width={26} height={40} rx={2} fill="#58707F" /> |
| 52 |
<rect x={34} y={6} width={38} height={40} rx={2} fill="#58707F" /> |
| 53 |
{value === "container-column-two-layout-two" && ( |
| 54 |
<> |
| 55 |
<g clipPath="url(#clip0_11255_639575)"> |
| 56 |
<path |
| 57 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46243 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01555 66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 58 |
fill="white" |
| 59 |
/> |
| 60 |
<path |
| 61 |
d="M69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 62 |
fill="white" |
| 63 |
/> |
| 64 |
<path |
| 65 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46244 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01553 66.0281 6.00064L66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7417 10.5645 69.5787 10.7274L69.5787 10.7273Z" |
| 66 |
fill="#1A74E4" |
| 67 |
/> |
| 68 |
</g> |
| 69 |
<defs> |
| 70 |
<clipPath id="clip0_11255_639575"> |
| 71 |
<rect width="12" height="12" fill="white" transform="translate(60 6)" /> |
| 72 |
</clipPath> |
| 73 |
</defs> |
| 74 |
</> |
| 75 |
)} |
| 76 |
</svg> |
| 77 |
); |
| 78 |
|
| 79 |
export const ContainerColumnTwoLayoutThree = ({ value }) => ( |
| 80 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={52} viewBox="0 0 78 52" fill="none"> |
| 81 |
<path |
| 82 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 83 |
fill="white" |
| 84 |
/> |
| 85 |
<path |
| 86 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 87 |
stroke={value === "container-column-two-layout-three" ? "#458DD7" : "#58707F"} |
| 88 |
strokeWidth={1.2} |
| 89 |
/> |
| 90 |
<rect x={6} y={6} width={38} height={40} rx={2} fill="#58707F" /> |
| 91 |
<rect x={46} y={6} width={26} height={40} rx={2} fill="#58707F" /> |
| 92 |
{value === "container-column-two-layout-three" && ( |
| 93 |
<> |
| 94 |
<g clipPath="url(#clip0_11255_639575)"> |
| 95 |
<path |
| 96 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46243 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01555 66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 97 |
fill="white" |
| 98 |
/> |
| 99 |
<path |
| 100 |
d="M69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 101 |
fill="white" |
| 102 |
/> |
| 103 |
<path |
| 104 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46244 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01553 66.0281 6.00064L66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7417 10.5645 69.5787 10.7274L69.5787 10.7273Z" |
| 105 |
fill="#1A74E4" |
| 106 |
/> |
| 107 |
</g> |
| 108 |
<defs> |
| 109 |
<clipPath id="clip0_11255_639575"> |
| 110 |
<rect width="12" height="12" fill="white" transform="translate(60 6)" /> |
| 111 |
</clipPath> |
| 112 |
</defs> |
| 113 |
</> |
| 114 |
)} |
| 115 |
</svg> |
| 116 |
); |
| 117 |
export const ContainerColumnTwoLayoutFour = ({ value }) => ( |
| 118 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={52} viewBox="0 0 78 52" fill="none"> |
| 119 |
<path |
| 120 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 121 |
fill="white" |
| 122 |
/> |
| 123 |
<path |
| 124 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 125 |
stroke={value === "container-column-two-layout-four" ? "#458DD7" : "#58707F"} |
| 126 |
strokeWidth={1.2} |
| 127 |
/> |
| 128 |
<rect x={6} y={6} width={20} height={40} rx={2} fill="#58707F" /> |
| 129 |
<rect x={28} y={6} width={44} height={40} rx={2} fill="#58707F" /> |
| 130 |
{value === "container-column-two-layout-four" && ( |
| 131 |
<> |
| 132 |
<g clipPath="url(#clip0_11255_639575)"> |
| 133 |
<path |
| 134 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46243 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01555 66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 135 |
fill="white" |
| 136 |
/> |
| 137 |
<path |
| 138 |
d="M69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 139 |
fill="white" |
| 140 |
/> |
| 141 |
<path |
| 142 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46244 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01553 66.0281 6.00064L66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7417 10.5645 69.5787 10.7274L69.5787 10.7273Z" |
| 143 |
fill="#1A74E4" |
| 144 |
/> |
| 145 |
</g> |
| 146 |
<defs> |
| 147 |
<clipPath id="clip0_11255_639575"> |
| 148 |
<rect width="12" height="12" fill="white" transform="translate(60 6)" /> |
| 149 |
</clipPath> |
| 150 |
</defs> |
| 151 |
</> |
| 152 |
)} |
| 153 |
</svg> |
| 154 |
); |
| 155 |
|
| 156 |
export const ContainerColumnTwoLayoutFive = ({ value }) => ( |
| 157 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={52} viewBox="0 0 78 52" fill="none"> |
| 158 |
<path |
| 159 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 160 |
fill="white" |
| 161 |
/> |
| 162 |
<path |
| 163 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 164 |
stroke={value === "container-column-two-layout-five" ? "#458DD7" : "#58707F"} |
| 165 |
strokeWidth={1.2} |
| 166 |
/> |
| 167 |
<rect x={6} y={6} width={44} height={40} rx={2} fill="#58707F" /> |
| 168 |
<rect x={52} y={6} width={20} height={40} rx={2} fill="#58707F" /> |
| 169 |
{value === "container-column-two-layout-five" && ( |
| 170 |
<> |
| 171 |
<g clipPath="url(#clip0_11255_639575)"> |
| 172 |
<path |
| 173 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46243 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01555 66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 174 |
fill="white" |
| 175 |
/> |
| 176 |
<path |
| 177 |
d="M69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 178 |
fill="white" |
| 179 |
/> |
| 180 |
<path |
| 181 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46244 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01553 66.0281 6.00064L66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7417 10.5645 69.5787 10.7274L69.5787 10.7273Z" |
| 182 |
fill="#1A74E4" |
| 183 |
/> |
| 184 |
</g> |
| 185 |
<defs> |
| 186 |
<clipPath id="clip0_11255_639575"> |
| 187 |
<rect width="12" height="12" fill="white" transform="translate(60 6)" /> |
| 188 |
</clipPath> |
| 189 |
</defs> |
| 190 |
</> |
| 191 |
)} |
| 192 |
</svg> |
| 193 |
); |
| 194 |
|
| 195 |
export const ContainerColumnThreeLayoutOne = ({ value }) => ( |
| 196 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={52} viewBox="0 0 78 52" fill="none"> |
| 197 |
<path |
| 198 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 199 |
fill="white" |
| 200 |
/> |
| 201 |
<path |
| 202 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 203 |
stroke={value === "container-column-three-layout-one" ? "#458DD7" : "#58707F"} |
| 204 |
strokeWidth={1.2} |
| 205 |
/> |
| 206 |
<rect x={6} y={6} width={20.6667} height={40} rx={2} fill="#58707F" /> |
| 207 |
<rect x={28.6666} y={6} width={20.6667} height={40} rx={2} fill="#58707F" /> |
| 208 |
<rect x={51.3334} y={6} width={20.6667} height={40} rx={2} fill="#58707F" /> |
| 209 |
{value === "container-column-three-layout-one" && ( |
| 210 |
<> |
| 211 |
<g clipPath="url(#clip0_11255_639575)"> |
| 212 |
<path |
| 213 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46243 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01555 66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 214 |
fill="white" |
| 215 |
/> |
| 216 |
<path |
| 217 |
d="M69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 218 |
fill="white" |
| 219 |
/> |
| 220 |
<path |
| 221 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46244 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01553 66.0281 6.00064L66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7417 10.5645 69.5787 10.7274L69.5787 10.7273Z" |
| 222 |
fill="#1A74E4" |
| 223 |
/> |
| 224 |
</g> |
| 225 |
<defs> |
| 226 |
<clipPath id="clip0_11255_639575"> |
| 227 |
<rect width="12" height="12" fill="white" transform="translate(60 6)" /> |
| 228 |
</clipPath> |
| 229 |
</defs> |
| 230 |
</> |
| 231 |
)} |
| 232 |
</svg> |
| 233 |
); |
| 234 |
|
| 235 |
export const ContainerColumnThreeLayoutTwo = ({ value }) => ( |
| 236 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={52} viewBox="0 0 78 52" fill="none"> |
| 237 |
<path |
| 238 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 239 |
fill="white" |
| 240 |
/> |
| 241 |
<path |
| 242 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 243 |
stroke={value === "container-column-three-layout-two" ? "#458DD7" : "#58707F"} |
| 244 |
strokeWidth={1.2} |
| 245 |
/> |
| 246 |
<rect x={6} y={6} width={36} height={40} rx={2} fill="#58707F" /> |
| 247 |
<rect x={44} y={6} width={13} height={40} rx={2} fill="#58707F" /> |
| 248 |
<rect x={59} y={6} width={13} height={40} rx={2} fill="#58707F" /> |
| 249 |
{value === "container-column-three-layout-two" && ( |
| 250 |
<> |
| 251 |
<g clipPath="url(#clip0_11255_639575)"> |
| 252 |
<path |
| 253 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46243 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01555 66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 254 |
fill="white" |
| 255 |
/> |
| 256 |
<path |
| 257 |
d="M69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 258 |
fill="white" |
| 259 |
/> |
| 260 |
<path |
| 261 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46244 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01553 66.0281 6.00064L66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7417 10.5645 69.5787 10.7274L69.5787 10.7273Z" |
| 262 |
fill="#1A74E4" |
| 263 |
/> |
| 264 |
</g> |
| 265 |
<defs> |
| 266 |
<clipPath id="clip0_11255_639575"> |
| 267 |
<rect width="12" height="12" fill="white" transform="translate(60 6)" /> |
| 268 |
</clipPath> |
| 269 |
</defs> |
| 270 |
</> |
| 271 |
)} |
| 272 |
</svg> |
| 273 |
); |
| 274 |
|
| 275 |
export const ContainerColumnThreeLayoutThree = ({ value }) => ( |
| 276 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={52} viewBox="0 0 78 52" fill="none"> |
| 277 |
<path |
| 278 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 279 |
fill="white" |
| 280 |
/> |
| 281 |
<path |
| 282 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 283 |
stroke={value === "container-column-three-layout-three" ? "#458DD7" : "#58707F"} |
| 284 |
strokeWidth={1.2} |
| 285 |
/> |
| 286 |
<rect x={6} y={6} width={13} height={40} rx={2} fill="#58707F" /> |
| 287 |
<rect x={21} y={6} width={13} height={40} rx={2} fill="#58707F" /> |
| 288 |
<rect x={36} y={6} width={36} height={40} rx={2} fill="#58707F" /> |
| 289 |
{value === "container-column-three-layout-three" && ( |
| 290 |
<> |
| 291 |
<g clipPath="url(#clip0_11255_639575)"> |
| 292 |
<path |
| 293 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46243 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01555 66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 294 |
fill="white" |
| 295 |
/> |
| 296 |
<path |
| 297 |
d="M69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 298 |
fill="white" |
| 299 |
/> |
| 300 |
<path |
| 301 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46244 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01553 66.0281 6.00064L66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7417 10.5645 69.5787 10.7274L69.5787 10.7273Z" |
| 302 |
fill="#1A74E4" |
| 303 |
/> |
| 304 |
</g> |
| 305 |
<defs> |
| 306 |
<clipPath id="clip0_11255_639575"> |
| 307 |
<rect width="12" height="12" fill="white" transform="translate(60 6)" /> |
| 308 |
</clipPath> |
| 309 |
</defs> |
| 310 |
</> |
| 311 |
)} |
| 312 |
</svg> |
| 313 |
); |
| 314 |
|
| 315 |
export const ContainerColumnThreeLayoutFour = ({ value }) => ( |
| 316 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={52} viewBox="0 0 78 52" fill="none"> |
| 317 |
<path |
| 318 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 319 |
fill="white" |
| 320 |
/> |
| 321 |
<path |
| 322 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 323 |
stroke={value === "container-column-three-layout-four" ? "#458DD7" : "#58707F"} |
| 324 |
strokeWidth={1.2} |
| 325 |
/> |
| 326 |
<rect x={6} y={6} width={33} height={40} rx={2} fill="#58707F" /> |
| 327 |
<rect x={41} y={6} width={14.5} height={40} rx={2} fill="#58707F" /> |
| 328 |
<rect x={57.5} y={6} width={14.5} height={40} rx={2} fill="#58707F" /> |
| 329 |
{value === "container-column-three-layout-four" && ( |
| 330 |
<> |
| 331 |
<g clipPath="url(#clip0_11255_639575)"> |
| 332 |
<path |
| 333 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46243 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01555 66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 334 |
fill="white" |
| 335 |
/> |
| 336 |
<path |
| 337 |
d="M69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 338 |
fill="white" |
| 339 |
/> |
| 340 |
<path |
| 341 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46244 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01553 66.0281 6.00064L66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7417 10.5645 69.5787 10.7274L69.5787 10.7273Z" |
| 342 |
fill="#1A74E4" |
| 343 |
/> |
| 344 |
</g> |
| 345 |
<defs> |
| 346 |
<clipPath id="clip0_11255_639575"> |
| 347 |
<rect width="12" height="12" fill="white" transform="translate(60 6)" /> |
| 348 |
</clipPath> |
| 349 |
</defs> |
| 350 |
</> |
| 351 |
)} |
| 352 |
</svg> |
| 353 |
); |
| 354 |
|
| 355 |
export const ContainerColumnThreeLayoutFive = ({ value }) => ( |
| 356 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={52} viewBox="0 0 78 52" fill="none"> |
| 357 |
<path |
| 358 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 359 |
fill="white" |
| 360 |
/> |
| 361 |
<path |
| 362 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 363 |
stroke={value === "container-column-three-layout-five" ? "#458DD7" : "#58707F"} |
| 364 |
strokeWidth={1.2} |
| 365 |
/> |
| 366 |
<rect x={6} y={6} width={14.5} height={40} rx={2} fill="#58707F" /> |
| 367 |
<rect x={22.5} y={6} width={14.5} height={40} rx={2} fill="#58707F" /> |
| 368 |
<rect x={39} y={6} width={33} height={40} rx={2} fill="#58707F" /> |
| 369 |
{value === "container-column-three-layout-five" && ( |
| 370 |
<> |
| 371 |
<g clipPath="url(#clip0_11255_639575)"> |
| 372 |
<path |
| 373 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46243 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01555 66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 374 |
fill="white" |
| 375 |
/> |
| 376 |
<path |
| 377 |
d="M69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 378 |
fill="white" |
| 379 |
/> |
| 380 |
<path |
| 381 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46244 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01553 66.0281 6.00064L66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7417 10.5645 69.5787 10.7274L69.5787 10.7273Z" |
| 382 |
fill="#1A74E4" |
| 383 |
/> |
| 384 |
</g> |
| 385 |
<defs> |
| 386 |
<clipPath id="clip0_11255_639575"> |
| 387 |
<rect width="12" height="12" fill="white" transform="translate(60 6)" /> |
| 388 |
</clipPath> |
| 389 |
</defs> |
| 390 |
</> |
| 391 |
)} |
| 392 |
</svg> |
| 393 |
); |
| 394 |
|
| 395 |
export const ContainerColumnThreeLayoutSix = ({ value }) => ( |
| 396 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={52} viewBox="0 0 78 52" fill="none"> |
| 397 |
<path |
| 398 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 399 |
fill="white" |
| 400 |
/> |
| 401 |
<path |
| 402 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 403 |
stroke={value === "container-column-three-layout-six" ? "#458DD7" : "#58707F"} |
| 404 |
strokeWidth={1.2} |
| 405 |
/> |
| 406 |
<rect x={6} y={6} width={12} height={40} rx={2} fill="#58707F" /> |
| 407 |
<rect x={20} y={6} width={38} height={40} rx={2} fill="#58707F" /> |
| 408 |
<rect x={60} y={6} width={12} height={40} rx={2} fill="#58707F" /> |
| 409 |
{value === "container-column-three-layout-six" && ( |
| 410 |
<> |
| 411 |
<g clipPath="url(#clip0_11255_639575)"> |
| 412 |
<path |
| 413 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46243 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01555 66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 414 |
fill="white" |
| 415 |
/> |
| 416 |
<path |
| 417 |
d="M69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 418 |
fill="white" |
| 419 |
/> |
| 420 |
<path |
| 421 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46244 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01553 66.0281 6.00064L66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7417 10.5645 69.5787 10.7274L69.5787 10.7273Z" |
| 422 |
fill="#1A74E4" |
| 423 |
/> |
| 424 |
</g> |
| 425 |
<defs> |
| 426 |
<clipPath id="clip0_11255_639575"> |
| 427 |
<rect width="12" height="12" fill="white" transform="translate(60 6)" /> |
| 428 |
</clipPath> |
| 429 |
</defs> |
| 430 |
</> |
| 431 |
)} |
| 432 |
</svg> |
| 433 |
); |
| 434 |
|
| 435 |
export const ContainerColumnFourLayoutOne = ({ value }) => ( |
| 436 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={52} viewBox="0 0 78 52" fill="none"> |
| 437 |
<path |
| 438 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 439 |
fill="white" |
| 440 |
/> |
| 441 |
<path |
| 442 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 443 |
stroke={value === "container-column-four-layout-one" ? "#458DD7" : "#58707F"} |
| 444 |
strokeWidth={1.2} |
| 445 |
/> |
| 446 |
<rect x={6} y={6} width={15} height={40} rx={2} fill="#58707F" /> |
| 447 |
<rect x={23} y={6} width={15} height={40} rx={2} fill="#58707F" /> |
| 448 |
<rect x={40} y={6} width={15} height={40} rx={2} fill="#58707F" /> |
| 449 |
<rect x={57} y={6} width={15} height={40} rx={2} fill="#58707F" /> |
| 450 |
{value === "container-column-four-layout-one" && ( |
| 451 |
<> |
| 452 |
<g clipPath="url(#clip0_11255_639575)"> |
| 453 |
<path |
| 454 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46243 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01555 66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 455 |
fill="white" |
| 456 |
/> |
| 457 |
<path |
| 458 |
d="M69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 459 |
fill="white" |
| 460 |
/> |
| 461 |
<path |
| 462 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46244 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01553 66.0281 6.00064L66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7417 10.5645 69.5787 10.7274L69.5787 10.7273Z" |
| 463 |
fill="#1A74E4" |
| 464 |
/> |
| 465 |
</g> |
| 466 |
<defs> |
| 467 |
<clipPath id="clip0_11255_639575"> |
| 468 |
<rect width="12" height="12" fill="white" transform="translate(60 6)" /> |
| 469 |
</clipPath> |
| 470 |
</defs> |
| 471 |
</> |
| 472 |
)} |
| 473 |
</svg> |
| 474 |
); |
| 475 |
|
| 476 |
export const ContainerColumnFourLayoutTwo = ({ value }) => ( |
| 477 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={52} viewBox="0 0 78 52" fill="none"> |
| 478 |
<path |
| 479 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 480 |
fill="white" |
| 481 |
/> |
| 482 |
<path |
| 483 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 484 |
stroke={value === "container-column-four-layout-two" ? "#458DD7" : "#58707F"} |
| 485 |
strokeWidth={1.2} |
| 486 |
/> |
| 487 |
<rect x={6} y={6} width={10.6667} height={40} rx={2} fill="#58707F" /> |
| 488 |
<rect x={18.6667} y={6} width={10.6667} height={40} rx={2} fill="#58707F" /> |
| 489 |
<rect x={31.3333} y={6} width={10.6667} height={40} rx={2} fill="#58707F" /> |
| 490 |
<rect x={44} y={6} width={28} height={40} rx={2} fill="#58707F" /> |
| 491 |
{value === "container-column-four-layout-two" && ( |
| 492 |
<> |
| 493 |
<g clipPath="url(#clip0_11255_639575)"> |
| 494 |
<path |
| 495 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46243 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01555 66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 496 |
fill="white" |
| 497 |
/> |
| 498 |
<path |
| 499 |
d="M69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 500 |
fill="white" |
| 501 |
/> |
| 502 |
<path |
| 503 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46244 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01553 66.0281 6.00064L66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7417 10.5645 69.5787 10.7274L69.5787 10.7273Z" |
| 504 |
fill="#1A74E4" |
| 505 |
/> |
| 506 |
</g> |
| 507 |
<defs> |
| 508 |
<clipPath id="clip0_11255_639575"> |
| 509 |
<rect width="12" height="12" fill="white" transform="translate(60 6)" /> |
| 510 |
</clipPath> |
| 511 |
</defs> |
| 512 |
</> |
| 513 |
)} |
| 514 |
</svg> |
| 515 |
); |
| 516 |
|
| 517 |
export const ContainerColumnFourLayoutThree = ({ value }) => ( |
| 518 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={52} viewBox="0 0 78 52" fill="none"> |
| 519 |
<path |
| 520 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 521 |
fill="white" |
| 522 |
/> |
| 523 |
<path |
| 524 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 525 |
stroke={value === "container-column-four-layout-three" ? "#458DD7" : "#58707F"} |
| 526 |
strokeWidth={1.2} |
| 527 |
/> |
| 528 |
<rect x={6} y={6} width={28} height={40} rx={2} fill="#58707F" /> |
| 529 |
<rect x={36} y={6} width={10.6667} height={40} rx={2} fill="#58707F" /> |
| 530 |
<rect x={48.6667} y={6} width={10.6667} height={40} rx={2} fill="#58707F" /> |
| 531 |
<rect x={61.3333} y={6} width={10.6667} height={40} rx={2} fill="#58707F" /> |
| 532 |
{value === "container-column-four-layout-three" && ( |
| 533 |
<> |
| 534 |
<g clipPath="url(#clip0_11255_639575)"> |
| 535 |
<path |
| 536 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46243 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01555 66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 537 |
fill="white" |
| 538 |
/> |
| 539 |
<path |
| 540 |
d="M69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 541 |
fill="white" |
| 542 |
/> |
| 543 |
<path |
| 544 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46244 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01553 66.0281 6.00064L66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7417 10.5645 69.5787 10.7274L69.5787 10.7273Z" |
| 545 |
fill="#1A74E4" |
| 546 |
/> |
| 547 |
</g> |
| 548 |
<defs> |
| 549 |
<clipPath id="clip0_11255_639575"> |
| 550 |
<rect width="12" height="12" fill="white" transform="translate(60 6)" /> |
| 551 |
</clipPath> |
| 552 |
</defs> |
| 553 |
</> |
| 554 |
)} |
| 555 |
</svg> |
| 556 |
); |
| 557 |
|
| 558 |
export const ContainerColumnFiveLayoutOne = ({ value }) => ( |
| 559 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={52} viewBox="0 0 78 52" fill="none"> |
| 560 |
<path |
| 561 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 562 |
fill="white" |
| 563 |
/> |
| 564 |
<path |
| 565 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 566 |
stroke={value === "container-column-five-layout-one" ? "#458DD7" : "#58707F"} |
| 567 |
strokeWidth={1.2} |
| 568 |
/> |
| 569 |
<rect x={6} y={6} width={11.6} height={40} rx={2} fill="#58707F" /> |
| 570 |
<rect x={19.6} y={6} width={11.6} height={40} rx={2} fill="#58707F" /> |
| 571 |
<rect x={33.2} y={6} width={11.6} height={40} rx={2} fill="#58707F" /> |
| 572 |
<rect x={46.8} y={6} width={11.6} height={40} rx={2} fill="#58707F" /> |
| 573 |
<rect x={60.4} y={6} width={11.6} height={40} rx={2} fill="#58707F" /> |
| 574 |
{value === "container-column-five-layout-one" && ( |
| 575 |
<> |
| 576 |
<g clipPath="url(#clip0_11255_639575)"> |
| 577 |
<path |
| 578 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46243 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01555 66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 579 |
fill="white" |
| 580 |
/> |
| 581 |
<path |
| 582 |
d="M69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 583 |
fill="white" |
| 584 |
/> |
| 585 |
<path |
| 586 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46244 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01553 66.0281 6.00064L66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7417 10.5645 69.5787 10.7274L69.5787 10.7273Z" |
| 587 |
fill="#1A74E4" |
| 588 |
/> |
| 589 |
</g> |
| 590 |
<defs> |
| 591 |
<clipPath id="clip0_11255_639575"> |
| 592 |
<rect width="12" height="12" fill="white" transform="translate(60 6)" /> |
| 593 |
</clipPath> |
| 594 |
</defs> |
| 595 |
</> |
| 596 |
)} |
| 597 |
</svg> |
| 598 |
); |
| 599 |
|
| 600 |
export const ContainerColumnSixLayoutOne = ({ value }) => ( |
| 601 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={52} viewBox="0 0 78 52" fill="none"> |
| 602 |
<path |
| 603 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 604 |
fill="white" |
| 605 |
/> |
| 606 |
<path |
| 607 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 608 |
stroke={value === "container-column-six-layout-one" ? "#458DD7" : "#58707F"} |
| 609 |
strokeWidth={1.2} |
| 610 |
/> |
| 611 |
<rect x={6} y={6} width={9.33333} height={40} rx={2} fill="#58707F" /> |
| 612 |
<rect x={17.3333} y={6} width={9.33333} height={40} rx={2} fill="#58707F" /> |
| 613 |
<rect x={28.6667} y={6} width={9.33333} height={40} rx={2} fill="#58707F" /> |
| 614 |
<rect x={40} y={6} width={9.33333} height={40} rx={2} fill="#58707F" /> |
| 615 |
<rect x={51.3333} y={6} width={9.33333} height={40} rx={2} fill="#58707F" /> |
| 616 |
<rect x={62.6667} y={6} width={9.33333} height={40} rx={2} fill="#58707F" /> |
| 617 |
{value === "container-column-six-layout-one" && ( |
| 618 |
<> |
| 619 |
<g clipPath="url(#clip0_11255_639575)"> |
| 620 |
<path |
| 621 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46243 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01555 66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 622 |
fill="white" |
| 623 |
/> |
| 624 |
<path |
| 625 |
d="M69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 626 |
fill="white" |
| 627 |
/> |
| 628 |
<path |
| 629 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46244 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01553 66.0281 6.00064L66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7417 10.5645 69.5787 10.7274L69.5787 10.7273Z" |
| 630 |
fill="#1A74E4" |
| 631 |
/> |
| 632 |
</g> |
| 633 |
<defs> |
| 634 |
<clipPath id="clip0_11255_639575"> |
| 635 |
<rect width="12" height="12" fill="white" transform="translate(60 6)" /> |
| 636 |
</clipPath> |
| 637 |
</defs> |
| 638 |
</> |
| 639 |
)} |
| 640 |
</svg> |
| 641 |
); |
| 642 |
export const ContainerColumnOneLayoutOne = ({ value }) => ( |
| 643 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={52} viewBox="0 0 78 52" fill="none"> |
| 644 |
<path |
| 645 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 646 |
fill="white" |
| 647 |
/> |
| 648 |
<path |
| 649 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 650 |
stroke={value === "container-column-one-layout-one" ? "#458DD7" : "#58707F"} |
| 651 |
strokeWidth={1.2} |
| 652 |
/> |
| 653 |
<rect x={6} y={6} width={66} height={40} rx={2} fill="#58707F" /> |
| 654 |
{value === "container-column-one-layout-one" && ( |
| 655 |
<> |
| 656 |
<g clipPath="url(#clip0_11255_639575)"> |
| 657 |
<path |
| 658 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46243 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01555 66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 659 |
fill="white" |
| 660 |
/> |
| 661 |
<path |
| 662 |
d="M69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 663 |
fill="white" |
| 664 |
/> |
| 665 |
<path |
| 666 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46244 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01553 66.0281 6.00064L66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7417 10.5645 69.5787 10.7274L69.5787 10.7273Z" |
| 667 |
fill="#1A74E4" |
| 668 |
/> |
| 669 |
</g> |
| 670 |
<defs> |
| 671 |
<clipPath id="clip0_11255_639575"> |
| 672 |
<rect width="12" height="12" fill="white" transform="translate(60 6)" /> |
| 673 |
</clipPath> |
| 674 |
</defs> |
| 675 |
</> |
| 676 |
)} |
| 677 |
</svg> |
| 678 |
); |
| 679 |
|
| 680 |
export const ContainerColumnMultiRowLayoutOne = ({ value }) => ( |
| 681 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={52} viewBox="0 0 78 52" fill="none"> |
| 682 |
<path |
| 683 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 684 |
fill="white" |
| 685 |
/> |
| 686 |
<path |
| 687 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 688 |
stroke={value === "container-column-multi-row-layout-one" ? "#458DD7" : "#58707F"} |
| 689 |
strokeWidth={1.2} |
| 690 |
/> |
| 691 |
<rect x={6} y={6} width={20.6667} height={19} rx={2} fill="#58707F" /> |
| 692 |
<rect x={6} y={27} width={20.6667} height={19} rx={2} fill="#58707F" /> |
| 693 |
<rect x={28.6667} y={6} width={20.6667} height={19} rx={2} fill="#58707F" /> |
| 694 |
<rect x={28.6667} y={27} width={20.6667} height={19} rx={2} fill="#58707F" /> |
| 695 |
<rect x={51.3333} y={6} width={20.6667} height={19} rx={2} fill="#58707F" /> |
| 696 |
<rect x={51.3333} y={27} width={20.6667} height={19} rx={2} fill="#58707F" /> |
| 697 |
{value === "container-column-multi-row-layout-one" && ( |
| 698 |
<> |
| 699 |
<g clipPath="url(#clip0_11255_639575)"> |
| 700 |
<path |
| 701 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46243 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01555 66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 702 |
fill="white" |
| 703 |
/> |
| 704 |
<path |
| 705 |
d="M69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 706 |
fill="white" |
| 707 |
/> |
| 708 |
<path |
| 709 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46244 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01553 66.0281 6.00064L66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7417 10.5645 69.5787 10.7274L69.5787 10.7273Z" |
| 710 |
fill="#1A74E4" |
| 711 |
/> |
| 712 |
</g> |
| 713 |
<defs> |
| 714 |
<clipPath id="clip0_11255_639575"> |
| 715 |
<rect width="12" height="12" fill="white" transform="translate(60 6)" /> |
| 716 |
</clipPath> |
| 717 |
</defs> |
| 718 |
</> |
| 719 |
)} |
| 720 |
</svg> |
| 721 |
); |
| 722 |
|
| 723 |
export const ContainerColumnMultiRowLayoutTwo = ({ value }) => ( |
| 724 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={52} viewBox="0 0 78 52" fill="none"> |
| 725 |
<path |
| 726 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 727 |
fill="white" |
| 728 |
/> |
| 729 |
<path |
| 730 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 731 |
stroke={value === "container-column-multi-row-layout-two" ? "#458DD7" : "#58707F"} |
| 732 |
strokeWidth={1.2} |
| 733 |
/> |
| 734 |
<rect x={6} y={6} width={32} height={19} rx={2} fill="#58707F" /> |
| 735 |
<rect x={6} y={27} width={32} height={19} rx={2} fill="#58707F" /> |
| 736 |
<rect x={40} y={6} width={32} height={19} rx={2} fill="#58707F" /> |
| 737 |
<rect x={40} y={27} width={32} height={19} rx={2} fill="#58707F" /> |
| 738 |
{value === "container-column-multi-row-layout-two" && ( |
| 739 |
<> |
| 740 |
<g clipPath="url(#clip0_11255_639575)"> |
| 741 |
<path |
| 742 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46243 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01555 66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 743 |
fill="white" |
| 744 |
/> |
| 745 |
<path |
| 746 |
d="M69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 747 |
fill="white" |
| 748 |
/> |
| 749 |
<path |
| 750 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46244 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01553 66.0281 6.00064L66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7417 10.5645 69.5787 10.7274L69.5787 10.7273Z" |
| 751 |
fill="#1A74E4" |
| 752 |
/> |
| 753 |
</g> |
| 754 |
<defs> |
| 755 |
<clipPath id="clip0_11255_639575"> |
| 756 |
<rect width="12" height="12" fill="white" transform="translate(60 6)" /> |
| 757 |
</clipPath> |
| 758 |
</defs> |
| 759 |
</> |
| 760 |
)} |
| 761 |
</svg> |
| 762 |
); |
| 763 |
|
| 764 |
export const ContainerColumnMultiRowLayoutThree = ({ value }) => ( |
| 765 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={52} viewBox="0 0 78 52" fill="none"> |
| 766 |
<path |
| 767 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 768 |
fill="white" |
| 769 |
/> |
| 770 |
<path |
| 771 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 772 |
stroke={value === "container-column-multi-row-layout-three" ? "#458DD7" : "#58707F"} |
| 773 |
strokeWidth={1.2} |
| 774 |
/> |
| 775 |
<rect x={6} y={6} width={44} height={19} rx={2} fill="#58707F" /> |
| 776 |
<rect x={52} y={6} width={20} height={19} rx={2} fill="#58707F" /> |
| 777 |
<rect x={6} y={27} width={20} height={19} rx={2} fill="#58707F" /> |
| 778 |
<rect x={28} y={27} width={44} height={19} rx={2} fill="#58707F" /> |
| 779 |
{value === "container-column-multi-row-layout-three" && ( |
| 780 |
<> |
| 781 |
<g clipPath="url(#clip0_11255_639575)"> |
| 782 |
<path |
| 783 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46243 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01555 66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 784 |
fill="white" |
| 785 |
/> |
| 786 |
<path |
| 787 |
d="M69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 788 |
fill="white" |
| 789 |
/> |
| 790 |
<path |
| 791 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46244 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01553 66.0281 6.00064L66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7417 10.5645 69.5787 10.7274L69.5787 10.7273Z" |
| 792 |
fill="#1A74E4" |
| 793 |
/> |
| 794 |
</g> |
| 795 |
<defs> |
| 796 |
<clipPath id="clip0_11255_639575"> |
| 797 |
<rect width="12" height="12" fill="white" transform="translate(60 6)" /> |
| 798 |
</clipPath> |
| 799 |
</defs> |
| 800 |
</> |
| 801 |
)} |
| 802 |
</svg> |
| 803 |
); |
| 804 |
|
| 805 |
export const ContainerColumnMultiRowLayoutFour = ({ value }) => ( |
| 806 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={52} viewBox="0 0 78 52" fill="none"> |
| 807 |
<path |
| 808 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 809 |
fill="white" |
| 810 |
/> |
| 811 |
<path |
| 812 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 813 |
stroke={value === "container-column-multi-row-layout-four" ? "#458DD7" : "#58707F"} |
| 814 |
strokeWidth={1.2} |
| 815 |
/> |
| 816 |
<rect x={6} y={6} width={20} height={19} rx={2} fill="#58707F" /> |
| 817 |
<rect x={28} y={6} width={44} height={19} rx={2} fill="#58707F" /> |
| 818 |
<rect x={6} y={27} width={44} height={19} rx={2} fill="#58707F" /> |
| 819 |
<rect x={52} y={27} width={20} height={19} rx={2} fill="#58707F" /> |
| 820 |
{value === "container-column-multi-row-layout-four" && ( |
| 821 |
<> |
| 822 |
<g clipPath="url(#clip0_11255_639575)"> |
| 823 |
<path |
| 824 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46243 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01555 66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 825 |
fill="white" |
| 826 |
/> |
| 827 |
<path |
| 828 |
d="M69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 829 |
fill="white" |
| 830 |
/> |
| 831 |
<path |
| 832 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46244 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01553 66.0281 6.00064L66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7417 10.5645 69.5787 10.7274L69.5787 10.7273Z" |
| 833 |
fill="#1A74E4" |
| 834 |
/> |
| 835 |
</g> |
| 836 |
<defs> |
| 837 |
<clipPath id="clip0_11255_639575"> |
| 838 |
<rect width="12" height="12" fill="white" transform="translate(60 6)" /> |
| 839 |
</clipPath> |
| 840 |
</defs> |
| 841 |
</> |
| 842 |
)} |
| 843 |
</svg> |
| 844 |
); |
| 845 |
|
| 846 |
export const ContainerColumnMultiRowLayoutFive = ({ value }) => ( |
| 847 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={52} viewBox="0 0 78 52" fill="none"> |
| 848 |
<path |
| 849 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 850 |
fill="white" |
| 851 |
/> |
| 852 |
<path |
| 853 |
d="M3 0.599609H75C76.3255 0.599609 77.4004 1.67452 77.4004 3V49C77.4004 50.3255 76.3255 51.4004 75 51.4004H3C1.67452 51.4004 0.599609 50.3255 0.599609 49V3C0.599609 1.67452 1.67452 0.599609 3 0.599609Z" |
| 854 |
stroke={value === "container-column-multi-row-layout-five" ? "#458DD7" : "#58707F"} |
| 855 |
strokeWidth={1.2} |
| 856 |
/> |
| 857 |
<rect x={6} y={6} width={32} height={19} rx={2} fill="#58707F" /> |
| 858 |
<rect x={40} y={6} width={32} height={19} rx={2} fill="#58707F" /> |
| 859 |
<rect x={6} y={27} width={66} height={19} rx={2} fill="#58707F" /> |
| 860 |
{value === "container-column-multi-row-layout-five" && ( |
| 861 |
<> |
| 862 |
<g clipPath="url(#clip0_11255_639575)"> |
| 863 |
<path |
| 864 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46243 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01555 66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 865 |
fill="white" |
| 866 |
/> |
| 867 |
<path |
| 868 |
d="M69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7418 10.5645 69.5787 10.7273Z" |
| 869 |
fill="white" |
| 870 |
/> |
| 871 |
<path |
| 872 |
d="M66.028 6.00066L66.0187 6.0004C66.0123 6.00014 66.006 5.99988 65.9996 5.99988C64.1123 5.99988 62.3118 6.90535 61.1833 8.42201C60.4092 9.46244 60 10.6998 60 12C60 13.1458 60.3243 14.2596 60.9376 15.2213C61.5345 16.1573 62.3764 16.9089 63.3723 17.3949C64.1951 17.7964 65.0791 18 65.9996 18C66.0058 18 66.0119 17.9997 66.0181 17.9996L66.0274 17.9993C69.3206 17.9844 72 15.2931 72 12C71.9999 8.70689 69.3206 6.01553 66.0281 6.00064L66.028 6.00066ZM69.5787 10.7273L65.8142 14.4919C65.773 14.5332 65.727 14.5708 65.6777 14.6034C65.537 14.6961 65.3736 14.7452 65.205 14.7452C64.9745 14.7452 64.7578 14.6552 64.5947 14.4917L62.4205 12.3178C62.0845 11.9813 62.0845 11.4338 62.4203 11.0977C62.5834 10.9346 62.8002 10.8447 63.0309 10.8447C63.2614 10.8447 63.4781 10.9345 63.641 11.0977L65.205 12.6623L68.3593 9.50746C68.5221 9.34453 68.7388 9.25481 68.9693 9.25481C69.1998 9.25481 69.4165 9.34453 69.5791 9.50764C69.7419 9.67057 69.8317 9.88711 69.8315 10.1176C69.8316 10.3479 69.7417 10.5645 69.5787 10.7274L69.5787 10.7273Z" |
| 873 |
fill="#1A74E4" |
| 874 |
/> |
| 875 |
</g> |
| 876 |
<defs> |
| 877 |
<clipPath id="clip0_11255_639575"> |
| 878 |
<rect width="12" height="12" fill="white" transform="translate(60 6)" /> |
| 879 |
</clipPath> |
| 880 |
</defs> |
| 881 |
</> |
| 882 |
)} |
| 883 |
</svg> |
| 884 |
); |
| 885 |
|