| 1 |
export const GridOneBlockIcon = () => ( |
| 2 |
<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" viewBox="0 0 800 800" width={80} height={80}> |
| 3 |
<defs> |
| 4 |
<style>{".sp-st0{fill:var(--sp-smart-primary-2-600)}"}</style> |
| 5 |
</defs> |
| 6 |
<path |
| 7 |
d="M319.8 285.3H63c-29.2 0-53-23.8-53-53V71.8c0-29.2 23.8-53 53-53h256.8c29.2 0 53 23.8 53 53v160.5c0 29.2-23.8 53-53 53ZM63 60.6c-6.2 0-11.2 5-11.2 11.2v160.5c0 6.2 5 11.2 11.2 11.2h256.8c6.2 0 11.2-5 11.2-11.2V71.8c0-6.2-5-11.2-11.2-11.2H63ZM255.6 363.9H30.9c-10.6 0-19.2-8.6-19.2-19.2s8.6-19.2 19.2-19.2h224.7c10.6 0 19.2 8.6 19.2 19.2s-8.6 19.2-19.2 19.2ZM319.8 702.5H63c-29.2 0-53-23.8-53-53V489c0-29.2 23.8-53 53-53h256.8c29.2 0 53 23.8 53 53v160.5c0 29.2-23.8 53-53 53ZM63 477.9c-6.2 0-11.2 5-11.2 11.2v160.5c0 6.2 5 11.2 11.2 11.2h256.8c6.2 0 11.2-5 11.2-11.2V489.1c0-6.2-5-11.2-11.2-11.2H63ZM255.6 781.2H30.9c-10.6 0-19.2-8.6-19.2-19.2s8.6-19.2 19.2-19.2h224.7c10.6 0 19.2 8.6 19.2 19.2s-8.6 19.2-19.2 19.2ZM737 285.3H480.2c-29.2 0-53-23.8-53-53V71.8c0-29.2 23.8-53 53-53H737c29.2 0 53 23.8 53 53v160.5c0 29.2-23.8 53-53 53ZM480.2 60.6c-6.2 0-11.2 5-11.2 11.2v160.5c0 6.2 5 11.2 11.2 11.2H737c6.2 0 11.2-5 11.2-11.2V71.8c0-6.2-5-11.2-11.2-11.2H480.2ZM672.8 363.9H448.1c-10.6 0-19.2-8.6-19.2-19.2s8.6-19.2 19.2-19.2h224.7c10.6 0 19.2 8.6 19.2 19.2s-8.6 19.2-19.2 19.2ZM737 702.5H480.2c-29.2 0-53-23.8-53-53V489c0-29.2 23.8-53 53-53H737c29.2 0 53 23.8 53 53v160.5c0 29.2-23.8 53-53 53ZM480.2 477.9c-6.2 0-11.2 5-11.2 11.2v160.5c0 6.2 5 11.2 11.2 11.2H737c6.2 0 11.2-5 11.2-11.2V489.1c0-6.2-5-11.2-11.2-11.2H480.2ZM672.8 781.2H448.1c-10.6 0-19.2-8.6-19.2-19.2s8.6-19.2 19.2-19.2h224.7c10.6 0 19.2 8.6 19.2 19.2s-8.6 19.2-19.2 19.2Z" |
| 8 |
className="sp-st0" |
| 9 |
/> |
| 10 |
</svg> |
| 11 |
); |
| 12 |
|
| 13 |
export const PostGridOnePreviewImage = () => ( |
| 14 |
<svg viewBox="0 0 236 158" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 15 |
<rect x={0.75} y={0.75} width={234.5} height={156.5} rx={3.25} stroke="#9EA9B2" strokeWidth={1.5} /> |
| 16 |
<path |
| 17 |
fillRule="evenodd" |
| 18 |
clipRule="evenodd" |
| 19 |
d="M32.7569 18H79.9457C80.9101 18 81.7026 18.7872 81.7026 19.7569V53.1427C81.7026 54.1124 80.9103 54.8996 79.9457 54.8996H32.7569C31.7925 54.8996 31 54.1124 31 53.1427V19.7569C31 18.7872 31.7923 18 32.7569 18ZM42.8915 27.0294C45.472 27.0294 47.5678 29.12 47.5678 31.7005C47.5678 34.281 45.4722 36.3768 42.8915 36.3768C40.311 36.3768 38.2204 34.2811 38.2204 31.7005C38.2204 29.12 40.311 27.0294 42.8915 27.0294ZM35.0664 22.0611H77.638V45.7711C69.1508 44.2906 64.6882 32.3626 59.3602 32.3626C53.683 32.3626 46.1498 45.7711 42.0887 45.7711C38.6374 45.7711 38.309 42.2209 35.0664 40.6152V22.0611Z" |
| 20 |
fill="#718491" |
| 21 |
/> |
| 22 |
<rect x={31} y={60.9395} width={50.7026} height={3.9002} rx={1.9501} fill="#718491" /> |
| 23 |
<rect x={31} y={68.7397} width={46.8024} height={3.9002} rx={1.9501} fill="#718491" /> |
| 24 |
<path |
| 25 |
fillRule="evenodd" |
| 26 |
clipRule="evenodd" |
| 27 |
d="M94.7638 18H141.953C142.917 18 143.709 18.7872 143.709 19.7569V53.1427C143.709 54.1124 142.917 54.8996 141.953 54.8996H94.7638C93.7993 54.8996 93.0068 54.1124 93.0068 53.1427V19.7569C93.0068 18.7872 93.7992 18 94.7638 18ZM104.898 27.0294C107.479 27.0294 109.575 29.12 109.575 31.7005C109.575 34.281 107.479 36.3768 104.898 36.3768C102.318 36.3768 100.227 34.2811 100.227 31.7005C100.227 29.12 102.318 27.0294 104.898 27.0294ZM97.0732 22.0611H139.645V45.7711C131.158 44.2906 126.695 32.3626 121.367 32.3626C115.69 32.3626 108.157 45.7711 104.096 45.7711C100.644 45.7711 100.316 42.2209 97.0732 40.6152V22.0611Z" |
| 28 |
fill="#718491" |
| 29 |
/> |
| 30 |
<rect x={93.0068} y={60.9395} width={50.7026} height={3.9002} rx={1.9501} fill="#718491" /> |
| 31 |
<rect x={93.0068} y={68.7397} width={46.8024} height={3.9002} rx={1.9501} fill="#718491" /> |
| 32 |
<path |
| 33 |
fillRule="evenodd" |
| 34 |
clipRule="evenodd" |
| 35 |
d="M156.77 18H203.959C204.923 18 205.716 18.7872 205.716 19.7569V53.1427C205.716 54.1124 204.923 54.8996 203.959 54.8996H156.77C155.806 54.8996 155.013 54.1124 155.013 53.1427V19.7569C155.013 18.7872 155.806 18 156.77 18ZM166.905 27.0294C169.485 27.0294 171.581 29.12 171.581 31.7005C171.581 34.281 169.485 36.3768 166.905 36.3768C164.324 36.3768 162.234 34.2811 162.234 31.7005C162.234 29.12 164.324 27.0294 166.905 27.0294ZM159.08 22.0611H201.651V45.7711C193.164 44.2906 188.701 32.3626 183.373 32.3626C177.696 32.3626 170.163 45.7711 166.102 45.7711C162.651 45.7711 162.322 42.2209 159.08 40.6152V22.0611Z" |
| 36 |
fill="#718491" |
| 37 |
/> |
| 38 |
<rect x={155.013} y={60.9395} width={50.7026} height={3.9002} rx={1.9501} fill="#718491" /> |
| 39 |
<rect x={155.013} y={68.7397} width={46.8024} height={3.9002} rx={1.9501} fill="#718491" /> |
| 40 |
<path |
| 41 |
fillRule="evenodd" |
| 42 |
clipRule="evenodd" |
| 43 |
d="M32.7569 85.0396H79.9457C80.9101 85.0396 81.7026 85.8268 81.7026 86.7965V120.182C81.7026 121.152 80.9103 121.939 79.9457 121.939H32.7569C31.7925 121.939 31 121.152 31 120.182V86.7965C31 85.8268 31.7923 85.0396 32.7569 85.0396ZM42.8915 94.0689C45.472 94.0689 47.5678 96.1595 47.5678 98.74C47.5678 101.321 45.4722 103.416 42.8915 103.416C40.311 103.416 38.2204 101.321 38.2204 98.74C38.2204 96.1595 40.311 94.0689 42.8915 94.0689ZM35.0664 89.1007H77.638V112.811C69.1508 111.33 64.6882 99.4021 59.3602 99.4021C53.683 99.4021 46.1498 112.811 42.0887 112.811C38.6374 112.811 38.309 109.26 35.0664 107.655V89.1007Z" |
| 44 |
fill="#718491" |
| 45 |
/> |
| 46 |
<rect x={31} y={127.979} width={50.7026} height={3.9002} rx={1.9501} fill="#718491" /> |
| 47 |
<rect x={31} y={135.779} width={46.8024} height={3.9002} rx={1.9501} fill="#718491" /> |
| 48 |
<path |
| 49 |
fillRule="evenodd" |
| 50 |
clipRule="evenodd" |
| 51 |
d="M94.7638 85.0396H141.953C142.917 85.0396 143.709 85.8268 143.709 86.7965V120.182C143.709 121.152 142.917 121.939 141.953 121.939H94.7638C93.7993 121.939 93.0068 121.152 93.0068 120.182V86.7965C93.0068 85.8268 93.7992 85.0396 94.7638 85.0396ZM104.898 94.0689C107.479 94.0689 109.575 96.1595 109.575 98.74C109.575 101.321 107.479 103.416 104.898 103.416C102.318 103.416 100.227 101.321 100.227 98.74C100.227 96.1595 102.318 94.0689 104.898 94.0689ZM97.0732 89.1007H139.645V112.811C131.158 111.33 126.695 99.4021 121.367 99.4021C115.69 99.4021 108.157 112.811 104.096 112.811C100.644 112.811 100.316 109.26 97.0732 107.655V89.1007Z" |
| 52 |
fill="#718491" |
| 53 |
/> |
| 54 |
<rect x={93.0068} y={127.979} width={50.7026} height={3.9002} rx={1.9501} fill="#718491" /> |
| 55 |
<rect x={93.0068} y={135.779} width={46.8024} height={3.9002} rx={1.9501} fill="#718491" /> |
| 56 |
<path |
| 57 |
fillRule="evenodd" |
| 58 |
clipRule="evenodd" |
| 59 |
d="M156.77 85.0396H203.959C204.923 85.0396 205.716 85.8268 205.716 86.7965V120.182C205.716 121.152 204.923 121.939 203.959 121.939H156.77C155.806 121.939 155.013 121.152 155.013 120.182V86.7965C155.013 85.8268 155.806 85.0396 156.77 85.0396ZM166.905 94.0689C169.485 94.0689 171.581 96.1595 171.581 98.74C171.581 101.321 169.485 103.416 166.905 103.416C164.324 103.416 162.234 101.321 162.234 98.74C162.234 96.1595 164.324 94.0689 166.905 94.0689ZM159.08 89.1007H201.651V112.811C193.164 111.33 188.701 99.4021 183.373 99.4021C177.696 99.4021 170.163 112.811 166.102 112.811C162.651 112.811 162.322 109.26 159.08 107.655V89.1007Z" |
| 60 |
fill="#718491" |
| 61 |
/> |
| 62 |
<rect x={155.013} y={127.979} width={50.7026} height={3.9002} rx={1.9501} fill="#718491" /> |
| 63 |
<rect x={155.013} y={135.779} width={46.8024} height={3.9002} rx={1.9501} fill="#718491" /> |
| 64 |
</svg> |
| 65 |
); |
| 66 |
|
| 67 |
// Grid one layout icon |
| 68 |
export const GridOneLayoutOne = ({ value }) => ( |
| 69 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 70 |
<rect width={76.5} height={48.5} x={0.75} y={0.75} fill="#fff" rx={2.25} /> |
| 71 |
<rect |
| 72 |
width={76.5} |
| 73 |
height={48.5} |
| 74 |
x={0.75} |
| 75 |
y={0.75} |
| 76 |
stroke={value === "grid-one-layout-one" ? "#458DD7" : "#8796A1"} |
| 77 |
strokeWidth={1.5} |
| 78 |
rx={2.25} |
| 79 |
/> |
| 80 |
<rect width={22} height={14} x={4} y={4} fill="#58707F" rx={1} /> |
| 81 |
<rect width={16} height={1.5} x={4} y={20} fill="#58707F" rx={0.75} /> |
| 82 |
<rect width={10} height={1} x={4} y={22.5} fill="#58707F" rx={0.5} /> |
| 83 |
<rect width={22} height={14} x={28} y={4} fill="#58707F" rx={1} /> |
| 84 |
<rect width={16} height={1.5} x={28} y={20} fill="#58707F" rx={0.75} /> |
| 85 |
<rect width={10} height={1} x={28} y={22.5} fill="#58707F" rx={0.5} /> |
| 86 |
<rect width={22} height={14} x={52} y={4} fill="#58707F" rx={1} /> |
| 87 |
<rect width={16} height={1.5} x={52} y={20} fill="#58707F" rx={0.75} /> |
| 88 |
<rect width={10} height={1} x={52} y={22.5} fill="#58707F" rx={0.5} /> |
| 89 |
<rect width={22} height={14} x={4} y={26.5} fill="#58707F" rx={1} /> |
| 90 |
<rect width={16} height={1.5} x={4} y={42.5} fill="#58707F" rx={0.75} /> |
| 91 |
<rect width={10} height={1} x={4} y={45} fill="#58707F" rx={0.5} /> |
| 92 |
<rect width={22} height={14} x={28} y={26.5} fill="#58707F" rx={1} /> |
| 93 |
<rect width={16} height={1.5} x={28} y={42.5} fill="#58707F" rx={0.75} /> |
| 94 |
<rect width={10} height={1} x={28} y={45} fill="#58707F" rx={0.5} /> |
| 95 |
<rect width={22} height={14} x={52} y={26.5} fill="#58707F" rx={1} /> |
| 96 |
<rect width={16} height={1.5} x={52} y={42.5} fill="#58707F" rx={0.75} /> |
| 97 |
<rect width={10} height={1} x={52} y={45} fill="#58707F" rx={0.5} /> |
| 98 |
</svg> |
| 99 |
); |
| 100 |
export const GridOneLayoutThree = ({ value }) => ( |
| 101 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 102 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 103 |
<rect |
| 104 |
width={76.8} |
| 105 |
height={48.8} |
| 106 |
x={0.6} |
| 107 |
y={0.6} |
| 108 |
stroke={value === "grid-one-layout-three" ? "#458DD7" : "#8796A1"} |
| 109 |
strokeWidth={1.2} |
| 110 |
rx={2.4} |
| 111 |
/> |
| 112 |
<rect width={34} height={14} x={4} y={4} fill="#58707F" rx={1} /> |
| 113 |
<rect width={29} height={1.5} x={4} y={20} fill="#58707F" rx={0.75} /> |
| 114 |
<rect width={20} height={1} x={4} y={22.5} fill="#58707F" rx={0.5} /> |
| 115 |
<rect width={34} height={14} x={40} y={4} fill="#58707F" rx={1} /> |
| 116 |
<rect width={29} height={1.5} x={40} y={20} fill="#58707F" rx={0.75} /> |
| 117 |
<rect width={20} height={1} x={40} y={22.5} fill="#58707F" rx={0.5} /> |
| 118 |
<rect width={22} height={14} x={4} y={26.5} fill="#58707F" rx={1} /> |
| 119 |
<rect width={16} height={1.5} x={4} y={42.5} fill="#58707F" rx={0.75} /> |
| 120 |
<rect width={10} height={1} x={4} y={45} fill="#58707F" rx={0.5} /> |
| 121 |
<rect width={22} height={14} x={28} y={26.5} fill="#58707F" rx={1} /> |
| 122 |
<rect width={16} height={1.5} x={28} y={42.5} fill="#58707F" rx={0.75} /> |
| 123 |
<rect width={10} height={1} x={28} y={45} fill="#58707F" rx={0.5} /> |
| 124 |
<rect width={22} height={14} x={52} y={26.5} fill="#58707F" rx={1} /> |
| 125 |
<rect width={16} height={1.5} x={52} y={42.5} fill="#58707F" rx={0.75} /> |
| 126 |
<rect width={10} height={1} x={52} y={45} fill="#58707F" rx={0.5} /> |
| 127 |
</svg> |
| 128 |
); |
| 129 |
export const GridOneLayoutFour = ({ value }) => ( |
| 130 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 131 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 132 |
<rect |
| 133 |
width={76.8} |
| 134 |
height={48.8} |
| 135 |
x={0.6} |
| 136 |
y={0.6} |
| 137 |
stroke={value === "grid-one-layout-four" ? "#458DD7" : "#8796A1"} |
| 138 |
strokeWidth={1.2} |
| 139 |
rx={2.4} |
| 140 |
/> |
| 141 |
<rect width={46} height={14} x={4} y={4} fill="#58707F" rx={1} /> |
| 142 |
<rect width={29} height={1.5} x={4} y={20} fill="#58707F" rx={0.75} /> |
| 143 |
<rect width={20} height={1} x={4} y={22.5} fill="#58707F" rx={0.5} /> |
| 144 |
<rect width={22} height={14} x={52} y={4} fill="#58707F" rx={1} /> |
| 145 |
<rect width={16} height={1.5} x={52} y={20} fill="#58707F" rx={0.75} /> |
| 146 |
<rect width={10} height={1} x={52} y={22.5} fill="#58707F" rx={0.5} /> |
| 147 |
<rect width={22} height={14} x={4} y={26.5} fill="#58707F" rx={1} /> |
| 148 |
<rect width={16} height={1.5} x={4} y={42.5} fill="#58707F" rx={0.75} /> |
| 149 |
<rect width={10} height={1} x={4} y={45} fill="#58707F" rx={0.5} /> |
| 150 |
<rect width={22} height={14} x={28} y={26.5} fill="#58707F" rx={1} /> |
| 151 |
<rect width={16} height={1.5} x={28} y={42.5} fill="#58707F" rx={0.75} /> |
| 152 |
<rect width={10} height={1} x={28} y={45} fill="#58707F" rx={0.5} /> |
| 153 |
<rect width={22} height={14} x={52} y={26.5} fill="#58707F" rx={1} /> |
| 154 |
<rect width={16} height={1.5} x={52} y={42.5} fill="#58707F" rx={0.75} /> |
| 155 |
<rect width={10} height={1} x={52} y={45} fill="#58707F" rx={0.5} /> |
| 156 |
</svg> |
| 157 |
); |
| 158 |
export const GridOneLayoutFive = ({ value }) => ( |
| 159 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 160 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 161 |
<rect |
| 162 |
width={76.8} |
| 163 |
height={48.8} |
| 164 |
x={0.6} |
| 165 |
y={0.6} |
| 166 |
stroke={value === "grid-one-layout-five" ? "#458DD7" : "#8796A1"} |
| 167 |
strokeWidth={1.2} |
| 168 |
rx={2.4} |
| 169 |
/> |
| 170 |
<rect width={40} height={14} x={4} y={4} fill="#58707F" rx={1} /> |
| 171 |
<rect width={29} height={1.5} x={4} y={20} fill="#58707F" rx={0.75} /> |
| 172 |
<rect width={20} height={1} x={4} y={22.5} fill="#58707F" rx={0.5} /> |
| 173 |
<rect width={28} height={14} x={46} y={4} fill="#58707F" rx={1} /> |
| 174 |
<rect width={16} height={1.5} x={46} y={20} fill="#58707F" rx={0.75} /> |
| 175 |
<rect width={10} height={1} x={46} y={22.5} fill="#58707F" rx={0.5} /> |
| 176 |
<rect width={28} height={14} x={4} y={26.5} fill="#58707F" rx={1} /> |
| 177 |
<rect width={16} height={1.5} x={4} y={42.5} fill="#58707F" rx={0.75} /> |
| 178 |
<rect width={10} height={1} x={4} y={45} fill="#58707F" rx={0.5} /> |
| 179 |
<rect width={40} height={14} x={34} y={26.5} fill="#58707F" rx={1} /> |
| 180 |
<rect width={29} height={1.5} x={34} y={42.5} fill="#58707F" rx={0.75} /> |
| 181 |
<rect width={20} height={1} x={34} y={45} fill="#58707F" rx={0.5} /> |
| 182 |
</svg> |
| 183 |
); |
| 184 |
export const GridOneLayoutSix = ({ value }) => ( |
| 185 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 186 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 187 |
<rect |
| 188 |
width={76.8} |
| 189 |
height={48.8} |
| 190 |
x={0.6} |
| 191 |
y={0.6} |
| 192 |
stroke={value === "grid-one-layout-six" ? "#458DD7" : "#8796A1"} |
| 193 |
strokeWidth={1.2} |
| 194 |
rx={2.4} |
| 195 |
/> |
| 196 |
<rect width={45} height={28} x={4} y={4} fill="#58707F" rx={1} /> |
| 197 |
<rect width={36} height={2} x={4} y={34} fill="#58707F" rx={1} /> |
| 198 |
<rect width={28} height={1.5} x={4} y={37.5} fill="#58707F" rx={0.75} /> |
| 199 |
<rect width={14} height={4} x={4} y={42} fill="#58707F" rx={0.5} /> |
| 200 |
<rect width={8} height={1.5} x={7} y={43.25} fill="#fff" rx={0.75} /> |
| 201 |
<rect width={22} height={14} x={52} y={4} fill="#58707F" rx={1} /> |
| 202 |
<rect width={16} height={1.5} x={52} y={20} fill="#58707F" rx={0.75} /> |
| 203 |
<rect width={10} height={1} x={52} y={22.5} fill="#58707F" rx={0.5} /> |
| 204 |
<rect width={22} height={14} x={52} y={26.5} fill="#58707F" rx={1} /> |
| 205 |
<rect width={16} height={1.5} x={52} y={42.5} fill="#58707F" rx={0.75} /> |
| 206 |
<rect width={10} height={1} x={52} y={45} fill="#58707F" rx={0.5} /> |
| 207 |
</svg> |
| 208 |
); |
| 209 |
export const GridOneLayoutSixUpdated = ({ value }) => ( |
| 210 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 211 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 212 |
<rect |
| 213 |
width={76.8} |
| 214 |
height={48.8} |
| 215 |
x={0.6} |
| 216 |
y={0.6} |
| 217 |
stroke={value === "grid-one-layout-six-updated" ? "#458DD7" : "#8796A1"} |
| 218 |
strokeWidth={1.2} |
| 219 |
rx={2.4} |
| 220 |
/> |
| 221 |
<rect width={34} height={24} x={5.5} y={6} fill="#58707F" rx={1} /> |
| 222 |
<rect width={30} height={2} x={5.5} y={32} fill="#58707F" rx={1} /> |
| 223 |
<rect width={24} height={1.5} x={5.5} y={35.5} fill="#58707F" rx={0.75} /> |
| 224 |
<rect width={14} height={4} x={5.5} y={40} fill="#58707F" rx={0.5} /> |
| 225 |
<rect width={8} height={1.5} x={8.5} y={41.25} fill="#fff" rx={0.75} /> |
| 226 |
<rect width={10} height={8} x={42.5} y={6} fill="#58707F" rx={1} /> |
| 227 |
<rect width={18} height={1.5} x={54.5} y={7} fill="#58707F" rx={0.75} /> |
| 228 |
<rect width={14} height={1.5} x={54.5} y={9.5} fill="#58707F" rx={0.75} /> |
| 229 |
<rect width={7} height={1} x={54.5} y={12} fill="#58707F" rx={0.5} /> |
| 230 |
<rect width={10} height={8} x={42.5} y={16} fill="#58707F" rx={1} /> |
| 231 |
<rect width={18} height={1.5} x={54.5} y={17} fill="#58707F" rx={0.75} /> |
| 232 |
<rect width={14} height={1.5} x={54.5} y={19.5} fill="#58707F" rx={0.75} /> |
| 233 |
<rect width={7} height={1} x={54.5} y={22} fill="#58707F" rx={0.5} /> |
| 234 |
<rect width={10} height={8} x={42.5} y={26} fill="#58707F" rx={1} /> |
| 235 |
<rect width={18} height={1.5} x={54.5} y={27} fill="#58707F" rx={0.75} /> |
| 236 |
<rect width={14} height={1.5} x={54.5} y={29.5} fill="#58707F" rx={0.75} /> |
| 237 |
<rect width={7} height={1} x={54.5} y={32} fill="#58707F" rx={0.5} /> |
| 238 |
<rect width={10} height={8} x={42.5} y={36} fill="#58707F" rx={1} /> |
| 239 |
<rect width={18} height={1.5} x={54.5} y={37} fill="#58707F" rx={0.75} /> |
| 240 |
<rect width={14} height={1.5} x={54.5} y={39.5} fill="#58707F" rx={0.75} /> |
| 241 |
<rect width={7} height={1} x={54.5} y={42} fill="#58707F" rx={0.5} /> |
| 242 |
</svg> |
| 243 |
); |
| 244 |
export const GridOneLayoutSeven = ({ value }) => ( |
| 245 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 246 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 247 |
<rect |
| 248 |
width={76.8} |
| 249 |
height={48.8} |
| 250 |
x={0.6} |
| 251 |
y={0.6} |
| 252 |
stroke={value === "grid-one-layout-seven" ? "#458DD7" : "#8796A1"} |
| 253 |
strokeWidth={1.2} |
| 254 |
rx={2.4} |
| 255 |
/> |
| 256 |
<rect width={34} height={28} x={4} y={4} fill="#58707F" rx={1} /> |
| 257 |
<rect width={30} height={2} x={4} y={34} fill="#58707F" rx={1} /> |
| 258 |
<rect width={24} height={1.5} x={4} y={37.5} fill="#58707F" rx={0.75} /> |
| 259 |
<rect width={14} height={4} x={4} y={42} fill="#58707F" rx={0.5} /> |
| 260 |
<rect width={8} height={1.5} x={7} y={43.25} fill="#fff" rx={0.75} /> |
| 261 |
<rect width={16} height={14} x={40} y={4} fill="#58707F" rx={1} /> |
| 262 |
<rect width={16} height={1.5} x={40} y={20} fill="#58707F" rx={0.75} /> |
| 263 |
<rect width={10} height={1} x={40} y={22.5} fill="#58707F" rx={0.5} /> |
| 264 |
<rect width={16} height={14} x={40} y={26.5} fill="#58707F" rx={1} /> |
| 265 |
<rect width={16} height={1.5} x={40} y={42.5} fill="#58707F" rx={0.75} /> |
| 266 |
<rect width={10} height={1} x={40} y={45} fill="#58707F" rx={0.5} /> |
| 267 |
<rect width={16} height={14} x={58} y={4} fill="#58707F" rx={1} /> |
| 268 |
<rect width={16} height={1.5} x={58} y={20} fill="#58707F" rx={0.75} /> |
| 269 |
<rect width={10} height={1} x={58} y={22.5} fill="#58707F" rx={0.5} /> |
| 270 |
<rect width={16} height={14} x={58} y={26.5} fill="#58707F" rx={1} /> |
| 271 |
<rect width={16} height={1.5} x={58} y={42.5} fill="#58707F" rx={0.75} /> |
| 272 |
<rect width={10} height={1} x={58} y={45} fill="#58707F" rx={0.5} /> |
| 273 |
</svg> |
| 274 |
); |
| 275 |
export const GridOneLayoutEight = ({ value }) => ( |
| 276 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 277 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 278 |
<rect |
| 279 |
width={76.8} |
| 280 |
height={48.8} |
| 281 |
x={0.6} |
| 282 |
y={0.6} |
| 283 |
stroke={value === "grid-one-layout-eight" ? "#458DD7" : "#8796A1"} |
| 284 |
strokeWidth={1.2} |
| 285 |
rx={2.4} |
| 286 |
/> |
| 287 |
<rect width={34} height={28} x={4} y={4} fill="#58707F" rx={1} /> |
| 288 |
<rect width={30} height={2} x={4} y={34} fill="#58707F" rx={1} /> |
| 289 |
<rect width={24} height={1.5} x={4} y={37.5} fill="#58707F" rx={0.75} /> |
| 290 |
<rect width={14} height={4} x={4} y={42} fill="#58707F" rx={0.5} /> |
| 291 |
<rect width={8} height={1.5} x={7} y={43.25} fill="#fff" rx={0.75} /> |
| 292 |
<rect width={34} height={14} x={40} y={4} fill="#58707F" rx={1} /> |
| 293 |
<rect width={32} height={1.5} x={40} y={20} fill="#58707F" rx={0.75} /> |
| 294 |
<rect width={22} height={1} x={40} y={22.5} fill="#58707F" rx={0.5} /> |
| 295 |
<rect width={16} height={14} x={40} y={26.5} fill="#58707F" rx={1} /> |
| 296 |
<rect width={16} height={1.5} x={40} y={42.5} fill="#58707F" rx={0.75} /> |
| 297 |
<rect width={10} height={1} x={40} y={45} fill="#58707F" rx={0.5} /> |
| 298 |
<rect width={16} height={14} x={58} y={26.5} fill="#58707F" rx={1} /> |
| 299 |
<rect width={16} height={1.5} x={58} y={42.5} fill="#58707F" rx={0.75} /> |
| 300 |
<rect width={10} height={1} x={58} y={45} fill="#58707F" rx={0.5} /> |
| 301 |
</svg> |
| 302 |
); |
| 303 |
export const GridOneLayoutNine = ({ value }) => ( |
| 304 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 305 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 306 |
<rect |
| 307 |
width={76.8} |
| 308 |
height={48.8} |
| 309 |
x={0.6} |
| 310 |
y={0.6} |
| 311 |
stroke={value === "grid-one-layout-nine" ? "#458DD7" : "#8796A1"} |
| 312 |
strokeWidth={1.2} |
| 313 |
rx={2.4} |
| 314 |
/> |
| 315 |
<rect width={34} height={28} x={4} y={4} fill="#58707F" rx={1} /> |
| 316 |
<rect width={30} height={2} x={4} y={34} fill="#58707F" rx={1} /> |
| 317 |
<rect width={24} height={1.5} x={4} y={37.5} fill="#58707F" rx={0.75} /> |
| 318 |
<rect width={14} height={4} x={4} y={42} fill="#58707F" rx={0.5} /> |
| 319 |
<rect width={8} height={1.5} x={7} y={43.25} fill="#fff" rx={0.75} /> |
| 320 |
<rect width={16} height={14} x={40} y={4} fill="#58707F" rx={1} /> |
| 321 |
<rect width={16} height={1.5} x={40} y={20} fill="#58707F" rx={0.75} /> |
| 322 |
<rect width={10} height={1} x={40} y={22.5} fill="#58707F" rx={0.5} /> |
| 323 |
<rect width={16} height={14} x={58} y={4} fill="#58707F" rx={1} /> |
| 324 |
<rect width={16} height={1.5} x={58} y={20} fill="#58707F" rx={0.75} /> |
| 325 |
<rect width={10} height={1} x={58} y={22.5} fill="#58707F" rx={0.5} /> |
| 326 |
<rect width={34} height={14} x={40} y={26.5} fill="#58707F" rx={1} /> |
| 327 |
<rect width={32} height={1.5} x={40} y={42.5} fill="#58707F" rx={0.75} /> |
| 328 |
<rect width={22} height={1} x={40} y={45} fill="#58707F" rx={0.5} /> |
| 329 |
</svg> |
| 330 |
); |
| 331 |
|
| 332 |
|
| 333 |
|
