| 1 |
// Grid one layout icon |
| 2 |
export const GridOneLayoutOne = ({ value }) => ( |
| 3 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 4 |
<rect width={76.5} height={48.5} x={0.75} y={0.75} fill="#fff" rx={2.25} /> |
| 5 |
<rect |
| 6 |
width={76.5} |
| 7 |
height={48.5} |
| 8 |
x={0.75} |
| 9 |
y={0.75} |
| 10 |
stroke={value === "grid-one-layout-one" ? "#458DD7" : "#8796A1"} |
| 11 |
strokeWidth={1.5} |
| 12 |
rx={2.25} |
| 13 |
/> |
| 14 |
<rect width={22} height={14} x={4} y={4} fill="#58707F" rx={1} /> |
| 15 |
<rect width={16} height={1.5} x={4} y={20} fill="#58707F" rx={0.75} /> |
| 16 |
<rect width={10} height={1} x={4} y={22.5} fill="#58707F" rx={0.5} /> |
| 17 |
<rect width={22} height={14} x={28} y={4} fill="#58707F" rx={1} /> |
| 18 |
<rect width={16} height={1.5} x={28} y={20} fill="#58707F" rx={0.75} /> |
| 19 |
<rect width={10} height={1} x={28} y={22.5} fill="#58707F" rx={0.5} /> |
| 20 |
<rect width={22} height={14} x={52} y={4} fill="#58707F" rx={1} /> |
| 21 |
<rect width={16} height={1.5} x={52} y={20} fill="#58707F" rx={0.75} /> |
| 22 |
<rect width={10} height={1} x={52} y={22.5} fill="#58707F" rx={0.5} /> |
| 23 |
<rect width={22} height={14} x={4} y={26.5} fill="#58707F" rx={1} /> |
| 24 |
<rect width={16} height={1.5} x={4} y={42.5} fill="#58707F" rx={0.75} /> |
| 25 |
<rect width={10} height={1} x={4} y={45} fill="#58707F" rx={0.5} /> |
| 26 |
<rect width={22} height={14} x={28} y={26.5} fill="#58707F" rx={1} /> |
| 27 |
<rect width={16} height={1.5} x={28} y={42.5} fill="#58707F" rx={0.75} /> |
| 28 |
<rect width={10} height={1} x={28} y={45} fill="#58707F" rx={0.5} /> |
| 29 |
<rect width={22} height={14} x={52} y={26.5} fill="#58707F" rx={1} /> |
| 30 |
<rect width={16} height={1.5} x={52} y={42.5} fill="#58707F" rx={0.75} /> |
| 31 |
<rect width={10} height={1} x={52} y={45} fill="#58707F" rx={0.5} /> |
| 32 |
</svg> |
| 33 |
); |
| 34 |
export const GridOneLayoutThree = ({ value }) => ( |
| 35 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 36 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 37 |
<rect |
| 38 |
width={76.8} |
| 39 |
height={48.8} |
| 40 |
x={0.6} |
| 41 |
y={0.6} |
| 42 |
stroke={value === "grid-one-layout-three" ? "#458DD7" : "#8796A1"} |
| 43 |
strokeWidth={1.2} |
| 44 |
rx={2.4} |
| 45 |
/> |
| 46 |
<rect width={34} height={14} x={4} y={4} fill="#58707F" rx={1} /> |
| 47 |
<rect width={29} height={1.5} x={4} y={20} fill="#58707F" rx={0.75} /> |
| 48 |
<rect width={20} height={1} x={4} y={22.5} fill="#58707F" rx={0.5} /> |
| 49 |
<rect width={34} height={14} x={40} y={4} fill="#58707F" rx={1} /> |
| 50 |
<rect width={29} height={1.5} x={40} y={20} fill="#58707F" rx={0.75} /> |
| 51 |
<rect width={20} height={1} x={40} y={22.5} fill="#58707F" rx={0.5} /> |
| 52 |
<rect width={22} height={14} x={4} y={26.5} fill="#58707F" rx={1} /> |
| 53 |
<rect width={16} height={1.5} x={4} y={42.5} fill="#58707F" rx={0.75} /> |
| 54 |
<rect width={10} height={1} x={4} y={45} fill="#58707F" rx={0.5} /> |
| 55 |
<rect width={22} height={14} x={28} y={26.5} fill="#58707F" rx={1} /> |
| 56 |
<rect width={16} height={1.5} x={28} y={42.5} fill="#58707F" rx={0.75} /> |
| 57 |
<rect width={10} height={1} x={28} y={45} fill="#58707F" rx={0.5} /> |
| 58 |
<rect width={22} height={14} x={52} y={26.5} fill="#58707F" rx={1} /> |
| 59 |
<rect width={16} height={1.5} x={52} y={42.5} fill="#58707F" rx={0.75} /> |
| 60 |
<rect width={10} height={1} x={52} y={45} fill="#58707F" rx={0.5} /> |
| 61 |
</svg> |
| 62 |
); |
| 63 |
export const GridOneLayoutFour = ({ value }) => ( |
| 64 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 65 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 66 |
<rect |
| 67 |
width={76.8} |
| 68 |
height={48.8} |
| 69 |
x={0.6} |
| 70 |
y={0.6} |
| 71 |
stroke={value === "grid-one-layout-four" ? "#458DD7" : "#8796A1"} |
| 72 |
strokeWidth={1.2} |
| 73 |
rx={2.4} |
| 74 |
/> |
| 75 |
<rect width={46} height={14} x={4} y={4} fill="#58707F" rx={1} /> |
| 76 |
<rect width={29} height={1.5} x={4} y={20} fill="#58707F" rx={0.75} /> |
| 77 |
<rect width={20} height={1} x={4} y={22.5} fill="#58707F" rx={0.5} /> |
| 78 |
<rect width={22} height={14} x={52} y={4} fill="#58707F" rx={1} /> |
| 79 |
<rect width={16} height={1.5} x={52} y={20} fill="#58707F" rx={0.75} /> |
| 80 |
<rect width={10} height={1} x={52} y={22.5} fill="#58707F" rx={0.5} /> |
| 81 |
<rect width={22} height={14} x={4} y={26.5} fill="#58707F" rx={1} /> |
| 82 |
<rect width={16} height={1.5} x={4} y={42.5} fill="#58707F" rx={0.75} /> |
| 83 |
<rect width={10} height={1} x={4} y={45} fill="#58707F" rx={0.5} /> |
| 84 |
<rect width={22} height={14} x={28} y={26.5} fill="#58707F" rx={1} /> |
| 85 |
<rect width={16} height={1.5} x={28} y={42.5} fill="#58707F" rx={0.75} /> |
| 86 |
<rect width={10} height={1} x={28} y={45} fill="#58707F" rx={0.5} /> |
| 87 |
<rect width={22} height={14} x={52} y={26.5} fill="#58707F" rx={1} /> |
| 88 |
<rect width={16} height={1.5} x={52} y={42.5} fill="#58707F" rx={0.75} /> |
| 89 |
<rect width={10} height={1} x={52} y={45} fill="#58707F" rx={0.5} /> |
| 90 |
</svg> |
| 91 |
); |
| 92 |
export const GridOneLayoutFive = ({ value }) => ( |
| 93 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 94 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 95 |
<rect |
| 96 |
width={76.8} |
| 97 |
height={48.8} |
| 98 |
x={0.6} |
| 99 |
y={0.6} |
| 100 |
stroke={value === "grid-one-layout-five" ? "#458DD7" : "#8796A1"} |
| 101 |
strokeWidth={1.2} |
| 102 |
rx={2.4} |
| 103 |
/> |
| 104 |
<rect width={40} height={14} x={4} y={4} fill="#58707F" rx={1} /> |
| 105 |
<rect width={29} height={1.5} x={4} y={20} fill="#58707F" rx={0.75} /> |
| 106 |
<rect width={20} height={1} x={4} y={22.5} fill="#58707F" rx={0.5} /> |
| 107 |
<rect width={28} height={14} x={46} y={4} fill="#58707F" rx={1} /> |
| 108 |
<rect width={16} height={1.5} x={46} y={20} fill="#58707F" rx={0.75} /> |
| 109 |
<rect width={10} height={1} x={46} y={22.5} fill="#58707F" rx={0.5} /> |
| 110 |
<rect width={28} height={14} x={4} y={26.5} fill="#58707F" rx={1} /> |
| 111 |
<rect width={16} height={1.5} x={4} y={42.5} fill="#58707F" rx={0.75} /> |
| 112 |
<rect width={10} height={1} x={4} y={45} fill="#58707F" rx={0.5} /> |
| 113 |
<rect width={40} height={14} x={34} y={26.5} fill="#58707F" rx={1} /> |
| 114 |
<rect width={29} height={1.5} x={34} y={42.5} fill="#58707F" rx={0.75} /> |
| 115 |
<rect width={20} height={1} x={34} y={45} fill="#58707F" rx={0.5} /> |
| 116 |
</svg> |
| 117 |
); |
| 118 |
export const GridOneLayoutSix = ({ value }) => ( |
| 119 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 120 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 121 |
<rect |
| 122 |
width={76.8} |
| 123 |
height={48.8} |
| 124 |
x={0.6} |
| 125 |
y={0.6} |
| 126 |
stroke={value === "grid-one-layout-six" ? "#458DD7" : "#8796A1"} |
| 127 |
strokeWidth={1.2} |
| 128 |
rx={2.4} |
| 129 |
/> |
| 130 |
<rect width={45} height={28} x={4} y={4} fill="#58707F" rx={1} /> |
| 131 |
<rect width={36} height={2} x={4} y={34} fill="#58707F" rx={1} /> |
| 132 |
<rect width={28} height={1.5} x={4} y={37.5} fill="#58707F" rx={0.75} /> |
| 133 |
<rect width={14} height={4} x={4} y={42} fill="#58707F" rx={0.5} /> |
| 134 |
<rect width={8} height={1.5} x={7} y={43.25} fill="#fff" rx={0.75} /> |
| 135 |
<rect width={22} height={14} x={52} y={4} fill="#58707F" rx={1} /> |
| 136 |
<rect width={16} height={1.5} x={52} y={20} fill="#58707F" rx={0.75} /> |
| 137 |
<rect width={10} height={1} x={52} y={22.5} fill="#58707F" rx={0.5} /> |
| 138 |
<rect width={22} height={14} x={52} y={26.5} fill="#58707F" rx={1} /> |
| 139 |
<rect width={16} height={1.5} x={52} y={42.5} fill="#58707F" rx={0.75} /> |
| 140 |
<rect width={10} height={1} x={52} y={45} fill="#58707F" rx={0.5} /> |
| 141 |
</svg> |
| 142 |
); |
| 143 |
export const GridOneLayoutSixUpdated = ({ value }) => ( |
| 144 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 145 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 146 |
<rect |
| 147 |
width={76.8} |
| 148 |
height={48.8} |
| 149 |
x={0.6} |
| 150 |
y={0.6} |
| 151 |
stroke={value === "grid-one-layout-six-updated" ? "#458DD7" : "#8796A1"} |
| 152 |
strokeWidth={1.2} |
| 153 |
rx={2.4} |
| 154 |
/> |
| 155 |
<rect width={34} height={24} x={5.5} y={6} fill="#58707F" rx={1} /> |
| 156 |
<rect width={30} height={2} x={5.5} y={32} fill="#58707F" rx={1} /> |
| 157 |
<rect width={24} height={1.5} x={5.5} y={35.5} fill="#58707F" rx={0.75} /> |
| 158 |
<rect width={14} height={4} x={5.5} y={40} fill="#58707F" rx={0.5} /> |
| 159 |
<rect width={8} height={1.5} x={8.5} y={41.25} fill="#fff" rx={0.75} /> |
| 160 |
<rect width={10} height={8} x={42.5} y={6} fill="#58707F" rx={1} /> |
| 161 |
<rect width={18} height={1.5} x={54.5} y={7} fill="#58707F" rx={0.75} /> |
| 162 |
<rect width={14} height={1.5} x={54.5} y={9.5} fill="#58707F" rx={0.75} /> |
| 163 |
<rect width={7} height={1} x={54.5} y={12} fill="#58707F" rx={0.5} /> |
| 164 |
<rect width={10} height={8} x={42.5} y={16} fill="#58707F" rx={1} /> |
| 165 |
<rect width={18} height={1.5} x={54.5} y={17} fill="#58707F" rx={0.75} /> |
| 166 |
<rect width={14} height={1.5} x={54.5} y={19.5} fill="#58707F" rx={0.75} /> |
| 167 |
<rect width={7} height={1} x={54.5} y={22} fill="#58707F" rx={0.5} /> |
| 168 |
<rect width={10} height={8} x={42.5} y={26} fill="#58707F" rx={1} /> |
| 169 |
<rect width={18} height={1.5} x={54.5} y={27} fill="#58707F" rx={0.75} /> |
| 170 |
<rect width={14} height={1.5} x={54.5} y={29.5} fill="#58707F" rx={0.75} /> |
| 171 |
<rect width={7} height={1} x={54.5} y={32} fill="#58707F" rx={0.5} /> |
| 172 |
<rect width={10} height={8} x={42.5} y={36} fill="#58707F" rx={1} /> |
| 173 |
<rect width={18} height={1.5} x={54.5} y={37} fill="#58707F" rx={0.75} /> |
| 174 |
<rect width={14} height={1.5} x={54.5} y={39.5} fill="#58707F" rx={0.75} /> |
| 175 |
<rect width={7} height={1} x={54.5} y={42} fill="#58707F" rx={0.5} /> |
| 176 |
</svg> |
| 177 |
); |
| 178 |
export const GridOneLayoutSeven = ({ value }) => ( |
| 179 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 180 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 181 |
<rect |
| 182 |
width={76.8} |
| 183 |
height={48.8} |
| 184 |
x={0.6} |
| 185 |
y={0.6} |
| 186 |
stroke={value === "grid-one-layout-seven" ? "#458DD7" : "#8796A1"} |
| 187 |
strokeWidth={1.2} |
| 188 |
rx={2.4} |
| 189 |
/> |
| 190 |
<rect width={34} height={28} x={4} y={4} fill="#58707F" rx={1} /> |
| 191 |
<rect width={30} height={2} x={4} y={34} fill="#58707F" rx={1} /> |
| 192 |
<rect width={24} height={1.5} x={4} y={37.5} fill="#58707F" rx={0.75} /> |
| 193 |
<rect width={14} height={4} x={4} y={42} fill="#58707F" rx={0.5} /> |
| 194 |
<rect width={8} height={1.5} x={7} y={43.25} fill="#fff" rx={0.75} /> |
| 195 |
<rect width={16} height={14} x={40} y={4} fill="#58707F" rx={1} /> |
| 196 |
<rect width={16} height={1.5} x={40} y={20} fill="#58707F" rx={0.75} /> |
| 197 |
<rect width={10} height={1} x={40} y={22.5} fill="#58707F" rx={0.5} /> |
| 198 |
<rect width={16} height={14} x={40} y={26.5} fill="#58707F" rx={1} /> |
| 199 |
<rect width={16} height={1.5} x={40} y={42.5} fill="#58707F" rx={0.75} /> |
| 200 |
<rect width={10} height={1} x={40} y={45} fill="#58707F" rx={0.5} /> |
| 201 |
<rect width={16} height={14} x={58} y={4} fill="#58707F" rx={1} /> |
| 202 |
<rect width={16} height={1.5} x={58} y={20} fill="#58707F" rx={0.75} /> |
| 203 |
<rect width={10} height={1} x={58} y={22.5} fill="#58707F" rx={0.5} /> |
| 204 |
<rect width={16} height={14} x={58} y={26.5} fill="#58707F" rx={1} /> |
| 205 |
<rect width={16} height={1.5} x={58} y={42.5} fill="#58707F" rx={0.75} /> |
| 206 |
<rect width={10} height={1} x={58} y={45} fill="#58707F" rx={0.5} /> |
| 207 |
</svg> |
| 208 |
); |
| 209 |
export const GridOneLayoutEight = ({ 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-eight" ? "#458DD7" : "#8796A1"} |
| 218 |
strokeWidth={1.2} |
| 219 |
rx={2.4} |
| 220 |
/> |
| 221 |
<rect width={34} height={28} x={4} y={4} fill="#58707F" rx={1} /> |
| 222 |
<rect width={30} height={2} x={4} y={34} fill="#58707F" rx={1} /> |
| 223 |
<rect width={24} height={1.5} x={4} y={37.5} fill="#58707F" rx={0.75} /> |
| 224 |
<rect width={14} height={4} x={4} y={42} fill="#58707F" rx={0.5} /> |
| 225 |
<rect width={8} height={1.5} x={7} y={43.25} fill="#fff" rx={0.75} /> |
| 226 |
<rect width={34} height={14} x={40} y={4} fill="#58707F" rx={1} /> |
| 227 |
<rect width={32} height={1.5} x={40} y={20} fill="#58707F" rx={0.75} /> |
| 228 |
<rect width={22} height={1} x={40} y={22.5} fill="#58707F" rx={0.5} /> |
| 229 |
<rect width={16} height={14} x={40} y={26.5} fill="#58707F" rx={1} /> |
| 230 |
<rect width={16} height={1.5} x={40} y={42.5} fill="#58707F" rx={0.75} /> |
| 231 |
<rect width={10} height={1} x={40} y={45} fill="#58707F" rx={0.5} /> |
| 232 |
<rect width={16} height={14} x={58} y={26.5} fill="#58707F" rx={1} /> |
| 233 |
<rect width={16} height={1.5} x={58} y={42.5} fill="#58707F" rx={0.75} /> |
| 234 |
<rect width={10} height={1} x={58} y={45} fill="#58707F" rx={0.5} /> |
| 235 |
</svg> |
| 236 |
); |
| 237 |
export const GridOneLayoutNine = ({ value }) => ( |
| 238 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 239 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 240 |
<rect |
| 241 |
width={76.8} |
| 242 |
height={48.8} |
| 243 |
x={0.6} |
| 244 |
y={0.6} |
| 245 |
stroke={value === "grid-one-layout-nine" ? "#458DD7" : "#8796A1"} |
| 246 |
strokeWidth={1.2} |
| 247 |
rx={2.4} |
| 248 |
/> |
| 249 |
<rect width={34} height={28} x={4} y={4} fill="#58707F" rx={1} /> |
| 250 |
<rect width={30} height={2} x={4} y={34} fill="#58707F" rx={1} /> |
| 251 |
<rect width={24} height={1.5} x={4} y={37.5} fill="#58707F" rx={0.75} /> |
| 252 |
<rect width={14} height={4} x={4} y={42} fill="#58707F" rx={0.5} /> |
| 253 |
<rect width={8} height={1.5} x={7} y={43.25} fill="#fff" rx={0.75} /> |
| 254 |
<rect width={16} height={14} x={40} y={4} fill="#58707F" rx={1} /> |
| 255 |
<rect width={16} height={1.5} x={40} y={20} fill="#58707F" rx={0.75} /> |
| 256 |
<rect width={10} height={1} x={40} y={22.5} fill="#58707F" rx={0.5} /> |
| 257 |
<rect width={16} height={14} x={58} y={4} fill="#58707F" rx={1} /> |
| 258 |
<rect width={16} height={1.5} x={58} y={20} fill="#58707F" rx={0.75} /> |
| 259 |
<rect width={10} height={1} x={58} y={22.5} fill="#58707F" rx={0.5} /> |
| 260 |
<rect width={34} height={14} x={40} y={26.5} fill="#58707F" rx={1} /> |
| 261 |
<rect width={32} height={1.5} x={40} y={42.5} fill="#58707F" rx={0.75} /> |
| 262 |
<rect width={22} height={1} x={40} y={45} fill="#58707F" rx={0.5} /> |
| 263 |
</svg> |
| 264 |
); |
| 265 |
// Grid six layout icon |
| 266 |
export const GridSixLayoutsOne = ({ value }) => ( |
| 267 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 268 |
<rect width={76.5} height={48.5} x={0.75} y={0.75} fill="#fff" rx={2.25} /> |
| 269 |
<rect |
| 270 |
width={76.5} |
| 271 |
height={48.5} |
| 272 |
x={0.75} |
| 273 |
y={0.75} |
| 274 |
stroke={value === "grid-six-layout-one" ? "#458DD7" : "#8796A1"} |
| 275 |
strokeWidth={1.2} |
| 276 |
rx={2.25} |
| 277 |
/> |
| 278 |
<path fill="#58707F" d="M4 5a1 1 0 0 1 1-1h34v20H5a1 1 0 0 1-1-1V5Z" /> |
| 279 |
<path fill="#9EA9B2" d="M39 4h34a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H39V4Z" /> |
| 280 |
<rect width={29} height={1.25} x={42} y={17.125} fill="#fff" rx={0.625} /> |
| 281 |
<rect width={17} height={1.25} x={42} y={19.875} fill="#fff" rx={0.625} /> |
| 282 |
<rect width={4.5} height={0.75} x={42} y={14.625} fill="#fff" rx={0.375} /> |
| 283 |
<rect width={4.5} height={0.75} x={48} y={14.625} fill="#fff" rx={0.375} /> |
| 284 |
<rect width={6} height={0.75} x={54} y={14.625} fill="#fff" rx={0.375} /> |
| 285 |
<rect width={24} height={1.75} x={42} y={11.625} fill="#fff" rx={0.875} /> |
| 286 |
<rect width={7} height={3.25} x={42} y={6.875} fill="#fff" rx={0.5} /> |
| 287 |
<rect width={5} height={1.25} x={43} y={7.875} fill="#58707F" rx={0.625} /> |
| 288 |
<rect width={7} height={3.25} x={50} y={6.875} fill="#fff" rx={0.5} /> |
| 289 |
<rect width={5} height={1.25} x={51} y={7.875} fill="#58707F" rx={0.625} /> |
| 290 |
<rect width={23} height={10.25} x={4} y={25} fill="#58707F" rx={1} /> |
| 291 |
<rect width={15} height={1.5} x={6} y={29.25} fill="#fff" rx={0.75} /> |
| 292 |
<rect width={10} height={1} x={6} y={32.25} fill="#fff" rx={0.5} /> |
| 293 |
<rect width={23} height={10.25} x={27.5} y={25} fill="#58707F" rx={1} /> |
| 294 |
<rect width={15} height={1.5} x={29.5} y={29.25} fill="#fff" rx={0.75} /> |
| 295 |
<rect width={10} height={1} x={29.5} y={32.25} fill="#fff" rx={0.5} /> |
| 296 |
<rect width={23} height={10.25} x={51} y={25} fill="#58707F" rx={1} /> |
| 297 |
<rect width={15} height={1.5} x={53} y={29.25} fill="#fff" rx={0.75} /> |
| 298 |
<rect width={10} height={1} x={53} y={32.25} fill="#fff" rx={0.5} /> |
| 299 |
<rect width={23} height={10.25} x={4} y={35.75} fill="#58707F" rx={1} /> |
| 300 |
<rect width={15} height={1.5} x={6} y={40} fill="#fff" rx={0.75} /> |
| 301 |
<rect width={10} height={1} x={6} y={43} fill="#fff" rx={0.5} /> |
| 302 |
<rect width={23} height={10.25} x={27.5} y={35.75} fill="#58707F" rx={1} /> |
| 303 |
<rect width={15} height={1.5} x={29.5} y={40} fill="#fff" rx={0.75} /> |
| 304 |
<rect width={10} height={1} x={29.5} y={43} fill="#fff" rx={0.5} /> |
| 305 |
<rect width={23} height={10.25} x={51} y={35.75} fill="#58707F" rx={1} /> |
| 306 |
<rect width={15} height={1.5} x={53} y={40} fill="#fff" rx={0.75} /> |
| 307 |
<rect width={10} height={1} x={53} y={43} fill="#fff" rx={0.5} /> |
| 308 |
</svg> |
| 309 |
); |
| 310 |
export const GridSixLayoutsTwo = ({ value }) => ( |
| 311 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 312 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 313 |
<rect |
| 314 |
width={76.8} |
| 315 |
height={48.8} |
| 316 |
x={0.6} |
| 317 |
y={0.6} |
| 318 |
stroke={value === "grid-six-layout-two" ? "#458DD7" : "#8796A1"} |
| 319 |
strokeWidth={1.2} |
| 320 |
rx={2.4} |
| 321 |
/> |
| 322 |
<rect width={35} height={20} x={4} y={4} fill="#58707F" rx={1} /> |
| 323 |
<rect width={29} height={1.25} x={42} y={17.125} fill="#58707F" rx={0.625} /> |
| 324 |
<rect width={17} height={1.25} x={42} y={19.875} fill="#58707F" rx={0.625} /> |
| 325 |
<rect width={4.5} height={0.75} x={42} y={14.625} fill="#58707F" rx={0.375} /> |
| 326 |
<rect width={4.5} height={0.75} x={48} y={14.625} fill="#58707F" rx={0.375} /> |
| 327 |
<rect width={6} height={0.75} x={54} y={14.625} fill="#58707F" rx={0.375} /> |
| 328 |
<rect width={24} height={1.75} x={42} y={11.625} fill="#58707F" rx={0.875} /> |
| 329 |
<rect width={7} height={3.25} x={42} y={6.875} fill="#58707F" rx={0.5} /> |
| 330 |
<rect width={5} height={1.25} x={43} y={7.875} fill="#fff" rx={0.625} /> |
| 331 |
<rect width={7} height={3.25} x={50} y={6.875} fill="#58707F" rx={0.5} /> |
| 332 |
<rect width={5} height={1.25} x={51} y={7.875} fill="#fff" rx={0.625} /> |
| 333 |
<mask id="a" fill="#fff"> |
| 334 |
<path d="M4 27h33v9H4v-9Z" /> |
| 335 |
</mask> |
| 336 |
<path fill="#9EA9B2" d="M37 35.5H4v1h33v-1Z" mask="url(#a)" /> |
| 337 |
<rect width={10} height={7} x={4} y={27} fill="#58707F" rx={0.5} /> |
| 338 |
<rect width={15} height={1.5} x={16} y={28.5} fill="#58707F" rx={0.75} /> |
| 339 |
<rect width={10} height={1} x={16} y={31.5} fill="#58707F" rx={0.5} /> |
| 340 |
<mask id="b" fill="#fff"> |
| 341 |
<path d="M4 37h33v9H4v-9Z" /> |
| 342 |
</mask> |
| 343 |
<path fill="#9EA9B2" d="M37 45.5H4v1h33v-1Z" mask="url(#b)" /> |
| 344 |
<rect width={10} height={7} x={4} y={37} fill="#58707F" rx={0.5} /> |
| 345 |
<rect width={15} height={1.5} x={16} y={38.5} fill="#58707F" rx={0.75} /> |
| 346 |
<rect width={10} height={1} x={16} y={41.5} fill="#58707F" rx={0.5} /> |
| 347 |
<path fill="#9EA9B2" d="M38.5 27h1v19h-1z" /> |
| 348 |
<mask id="c" fill="#fff"> |
| 349 |
<path d="M41 27h33v9H41v-9Z" /> |
| 350 |
</mask> |
| 351 |
<path fill="#9EA9B2" d="M74 35.5H41v1h33v-1Z" mask="url(#c)" /> |
| 352 |
<rect width={10} height={7} x={41} y={27} fill="#58707F" rx={0.5} /> |
| 353 |
<rect width={15} height={1.5} x={53} y={28.5} fill="#58707F" rx={0.75} /> |
| 354 |
<rect width={10} height={1} x={53} y={31.5} fill="#58707F" rx={0.5} /> |
| 355 |
<mask id="d" fill="#fff"> |
| 356 |
<path d="M41 37h33v9H41v-9Z" /> |
| 357 |
</mask> |
| 358 |
<path fill="#9EA9B2" d="M74 45.5H41v1h33v-1Z" mask="url(#d)" /> |
| 359 |
<rect width={10} height={7} x={41} y={37} fill="#58707F" rx={0.5} /> |
| 360 |
<rect width={15} height={1.5} x={53} y={38.5} fill="#58707F" rx={0.75} /> |
| 361 |
<rect width={10} height={1} x={53} y={41.5} fill="#58707F" rx={0.5} /> |
| 362 |
</svg> |
| 363 |
); |
| 364 |
export const GridSixLayoutsThree = ({ value }) => ( |
| 365 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 366 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 367 |
<rect |
| 368 |
width={76.8} |
| 369 |
height={48.8} |
| 370 |
x={0.6} |
| 371 |
y={0.6} |
| 372 |
stroke={value === "grid-six-layout-three" ? "#458DD7" : "#8796A1"} |
| 373 |
strokeWidth={1.2} |
| 374 |
rx={2.4} |
| 375 |
/> |
| 376 |
<rect width={33.5} height={23} x={4} y={4} fill="#58707F" rx={1} /> |
| 377 |
<rect width={29} height={1.5} x={4} y={29} fill="#58707F" rx={0.75} /> |
| 378 |
<rect width={20} height={1} x={4} y={32} fill="#58707F" rx={0.5} /> |
| 379 |
<rect width={33.5} height={23} x={40.5} y={4} fill="#58707F" rx={1} /> |
| 380 |
<rect width={29} height={1.5} x={40.5} y={29} fill="#58707F" rx={0.75} /> |
| 381 |
<rect width={20} height={1} x={40.5} y={32} fill="#58707F" rx={0.5} /> |
| 382 |
<rect width={14} height={10} x={4} y={36} fill="#58707F" rx={1} /> |
| 383 |
<rect width={16} height={1.5} x={20} y={37.801} fill="#58707F" rx={0.75} /> |
| 384 |
<rect width={14} height={1.5} x={20} y={40.5} fill="#58707F" rx={0.75} /> |
| 385 |
<rect width={10} height={1} x={20} y={43.199} fill="#58707F" rx={0.5} /> |
| 386 |
<rect width={14} height={10} x={40.5} y={36} fill="#58707F" rx={1} /> |
| 387 |
<rect width={16} height={1.5} x={56.5} y={37.801} fill="#58707F" rx={0.75} /> |
| 388 |
<rect width={14} height={1.5} x={56.5} y={40.5} fill="#58707F" rx={0.75} /> |
| 389 |
<rect width={10} height={1} x={56.5} y={43.199} fill="#58707F" rx={0.5} /> |
| 390 |
</svg> |
| 391 |
); |
| 392 |
export const GridSixLayoutsFour = ({ value }) => ( |
| 393 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 394 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 395 |
<rect |
| 396 |
width={76.8} |
| 397 |
height={48.8} |
| 398 |
x={0.6} |
| 399 |
y={0.6} |
| 400 |
stroke={value === "grid-six-layout-four" ? "#458DD7" : "#8796A1"} |
| 401 |
strokeWidth={1.2} |
| 402 |
rx={2.4} |
| 403 |
/> |
| 404 |
<rect width={33.5} height={29} x={4} y={4} fill="#58707F" rx={1} /> |
| 405 |
<rect width={20} height={1.5} x={7} y={26} fill="#fff" rx={0.75} /> |
| 406 |
<rect width={14} height={1} x={7} y={29} fill="#fff" rx={0.5} /> |
| 407 |
<rect width={33.5} height={29} x={40.5} y={4} fill="#58707F" rx={1} /> |
| 408 |
<rect width={20} height={1.5} x={43.5} y={26} fill="#fff" rx={0.75} /> |
| 409 |
<rect width={14} height={1} x={43.5} y={29} fill="#fff" rx={0.5} /> |
| 410 |
<rect width={14} height={10} x={4} y={36} fill="#58707F" rx={1} /> |
| 411 |
<rect width={16} height={1.5} x={20} y={37.801} fill="#58707F" rx={0.75} /> |
| 412 |
<rect width={14} height={1.5} x={20} y={40.5} fill="#58707F" rx={0.75} /> |
| 413 |
<rect width={10} height={1} x={20} y={43.199} fill="#58707F" rx={0.5} /> |
| 414 |
<rect width={14} height={10} x={40.5} y={36} fill="#58707F" rx={1} /> |
| 415 |
<rect width={16} height={1.5} x={56.5} y={37.801} fill="#58707F" rx={0.75} /> |
| 416 |
<rect width={14} height={1.5} x={56.5} y={40.5} fill="#58707F" rx={0.75} /> |
| 417 |
<rect width={10} height={1} x={56.5} y={43.199} fill="#58707F" rx={0.5} /> |
| 418 |
</svg> |
| 419 |
); |
| 420 |
// Grid three layout icon |
| 421 |
export const GridThreeLayoutsOne = ({ value }) => ( |
| 422 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 423 |
<rect width={76.5} height={48.5} x={0.75} y={0.75} fill="#fff" rx={2.25} /> |
| 424 |
<rect |
| 425 |
width={76.5} |
| 426 |
height={48.5} |
| 427 |
x={0.75} |
| 428 |
y={0.75} |
| 429 |
stroke={value === "grid-three-layout-one" ? "#458DD7" : "#8796A1"} |
| 430 |
strokeWidth={1.5} |
| 431 |
rx={2.25} |
| 432 |
/> |
| 433 |
<rect width={34} height={19.5} x={4} y={4} fill="#58707F" rx={1} /> |
| 434 |
<rect width={12} height={1} x={7} y={16} fill="#fff" rx={0.5} /> |
| 435 |
<rect width={20} height={1.5} x={7} y={18.5} fill="#fff" rx={0.75} /> |
| 436 |
<rect width={34} height={19.5} x={40} y={4} fill="#58707F" rx={1} /> |
| 437 |
<rect width={12} height={1} x={43} y={16} fill="#fff" rx={0.5} /> |
| 438 |
<rect width={20} height={1.5} x={43} y={18.5} fill="#fff" rx={0.75} /> |
| 439 |
<rect width={22} height={19.5} x={4} y={26.5} fill="#58707F" rx={1} /> |
| 440 |
<rect width={10} height={1} x={6} y={39.5} fill="#fff" rx={0.5} /> |
| 441 |
<rect width={15} height={1.5} x={6} y={42} fill="#fff" rx={0.75} /> |
| 442 |
<rect width={22} height={19.5} x={28} y={26.5} fill="#58707F" rx={1} /> |
| 443 |
<rect width={10} height={1} x={30} y={39.5} fill="#fff" rx={0.5} /> |
| 444 |
<rect width={15} height={1.5} x={30} y={42} fill="#fff" rx={0.75} /> |
| 445 |
<rect width={22} height={19.5} x={52} y={26.5} fill="#58707F" rx={1} /> |
| 446 |
<rect width={10} height={1} x={54} y={39.5} fill="#fff" rx={0.5} /> |
| 447 |
<rect width={15} height={1.5} x={54} y={42} fill="#fff" rx={0.75} /> |
| 448 |
</svg> |
| 449 |
); |
| 450 |
export const GridThreeLayoutsTwo = ({ value }) => ( |
| 451 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 452 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 453 |
<rect |
| 454 |
width={76.8} |
| 455 |
height={48.8} |
| 456 |
x={0.6} |
| 457 |
y={0.6} |
| 458 |
stroke={value === "grid-three-layout-two" ? "#458DD7" : "#8796A1"} |
| 459 |
strokeWidth={1.2} |
| 460 |
rx={2.4} |
| 461 |
/> |
| 462 |
<rect width={46} height={19} x={4} y={4.25} fill="#58707F" rx={1} /> |
| 463 |
<rect width={12} height={1} x={7} y={16.25} fill="#fff" rx={0.5} /> |
| 464 |
<rect width={28} height={1.5} x={7} y={18.75} fill="#fff" rx={0.75} /> |
| 465 |
<rect width={22} height={19.5} x={52} y={4} fill="#58707F" rx={1} /> |
| 466 |
<rect width={10} height={1} x={54} y={17} fill="#fff" rx={0.5} /> |
| 467 |
<rect width={15} height={1.5} x={54} y={19.5} fill="#fff" rx={0.75} /> |
| 468 |
<rect width={22} height={19.5} x={4} y={26.5} fill="#58707F" rx={1} /> |
| 469 |
<rect width={10} height={1} x={6} y={39.5} fill="#fff" rx={0.5} /> |
| 470 |
<rect width={15} height={1.5} x={6} y={42} fill="#fff" rx={0.75} /> |
| 471 |
<rect width={22} height={19.5} x={28} y={26.5} fill="#58707F" rx={1} /> |
| 472 |
<rect width={10} height={1} x={30} y={39.5} fill="#fff" rx={0.5} /> |
| 473 |
<rect width={15} height={1.5} x={30} y={42} fill="#fff" rx={0.75} /> |
| 474 |
<rect width={22} height={19.5} x={52} y={26.5} fill="#58707F" rx={1} /> |
| 475 |
<rect width={10} height={1} x={54} y={39.5} fill="#fff" rx={0.5} /> |
| 476 |
<rect width={15} height={1.5} x={54} y={42} fill="#fff" rx={0.75} /> |
| 477 |
</svg> |
| 478 |
); |
| 479 |
export const GridThreeLayoutsThree = ({ value }) => ( |
| 480 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 481 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 482 |
<rect |
| 483 |
width={76.8} |
| 484 |
height={48.8} |
| 485 |
x={0.6} |
| 486 |
y={0.6} |
| 487 |
stroke={value === "grid-three-layout-three" ? "#458DD7" : "#8796A1"} |
| 488 |
strokeWidth={1.2} |
| 489 |
rx={2.4} |
| 490 |
/> |
| 491 |
<rect width={70} height={24} x={4} y={4} fill="#58707F" rx={1} /> |
| 492 |
<rect width={12} height={1} x={7} y={21} fill="#fff" rx={0.5} /> |
| 493 |
<rect width={28} height={1.5} x={7} y={23.5} fill="#fff" rx={0.75} /> |
| 494 |
<rect width={22} height={16} x={4} y={30} fill="#58707F" rx={1} /> |
| 495 |
<rect width={10} height={1} x={6} y={40} fill="#fff" rx={0.5} /> |
| 496 |
<rect width={15} height={1.5} x={6} y={42.5} fill="#fff" rx={0.75} /> |
| 497 |
<rect width={22} height={16} x={28} y={30} fill="#58707F" rx={1} /> |
| 498 |
<rect width={10} height={1} x={30} y={40} fill="#fff" rx={0.5} /> |
| 499 |
<rect width={15} height={1.5} x={30} y={42.5} fill="#fff" rx={0.75} /> |
| 500 |
<rect width={22} height={16} x={52} y={30} fill="#58707F" rx={1} /> |
| 501 |
<rect width={10} height={1} x={54} y={40} fill="#fff" rx={0.5} /> |
| 502 |
<rect width={15} height={1.5} x={54} y={42.5} fill="#fff" rx={0.75} /> |
| 503 |
<rect width={7} height={3} x={65} y={6} fill="#fff" rx={0.5} /> |
| 504 |
<rect width={5} height={1.25} x={66} y={6.875} fill="#58707F" rx={0.625} /> |
| 505 |
<rect width={7} height={3} x={65} y={32} fill="#fff" rx={0.5} /> |
| 506 |
<rect width={5} height={1.25} x={66} y={32.875} fill="#58707F" rx={0.625} /> |
| 507 |
<rect width={7} height={3} x={41} y={32} fill="#fff" rx={0.5} /> |
| 508 |
<rect width={5} height={1.25} x={42} y={32.875} fill="#58707F" rx={0.625} /> |
| 509 |
<rect width={7} height={3} x={17} y={32} fill="#fff" rx={0.5} /> |
| 510 |
<rect width={5} height={1.25} x={18} y={32.875} fill="#58707F" rx={0.625} /> |
| 511 |
</svg> |
| 512 |
); |
| 513 |
export const GridThreeLayoutsFour = ({ value }) => ( |
| 514 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 515 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 516 |
<rect |
| 517 |
width={76.8} |
| 518 |
height={48.8} |
| 519 |
x={0.6} |
| 520 |
y={0.6} |
| 521 |
stroke={value === "grid-three-layout-four" ? "#458DD7" : "#8796A1"} |
| 522 |
strokeWidth={1.2} |
| 523 |
rx={2.4} |
| 524 |
/> |
| 525 |
<rect width={46} height={19} x={4} y={4.25} fill="#58707F" rx={1} /> |
| 526 |
<rect width={12} height={1} x={7} y={16.25} fill="#fff" rx={0.5} /> |
| 527 |
<rect width={28} height={1.5} x={7} y={18.75} fill="#fff" rx={0.75} /> |
| 528 |
<rect width={22} height={19.5} x={52} y={4} fill="#58707F" rx={1} /> |
| 529 |
<rect width={10} height={1} x={54} y={17} fill="#fff" rx={0.5} /> |
| 530 |
<rect width={15} height={1.5} x={54} y={19.5} fill="#fff" rx={0.75} /> |
| 531 |
<rect width={22} height={19.5} x={4} y={26.5} fill="#58707F" rx={1} /> |
| 532 |
<rect width={10} height={1} x={6} y={39.5} fill="#fff" rx={0.5} /> |
| 533 |
<rect width={15} height={1.5} x={6} y={42} fill="#fff" rx={0.75} /> |
| 534 |
<rect width={46} height={19} x={28} y={26.75} fill="#58707F" rx={1} /> |
| 535 |
<rect width={12} height={1} x={31} y={38.75} fill="#fff" rx={0.5} /> |
| 536 |
<rect width={28} height={1.5} x={31} y={41.25} fill="#fff" rx={0.75} /> |
| 537 |
</svg> |
| 538 |
); |
| 539 |
export const GridThreeLayoutsFive = ({ value }) => ( |
| 540 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 541 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 542 |
<rect |
| 543 |
width={76.8} |
| 544 |
height={48.8} |
| 545 |
x={0.6} |
| 546 |
y={0.6} |
| 547 |
stroke={value === "grid-three-layout-five" ? "#458DD7" : "#8796A1"} |
| 548 |
strokeWidth={1.2} |
| 549 |
rx={2.4} |
| 550 |
/> |
| 551 |
<rect width={46} height={27} x={4} y={4} fill="#58707F" rx={2} /> |
| 552 |
<rect width={3} height={1} x={7} y={19} fill="#fff" rx={0.5} /> |
| 553 |
<rect width={3} height={1} x={11} y={19} fill="#fff" rx={0.5} /> |
| 554 |
<rect width={4} height={1} x={15} y={19} fill="#fff" rx={0.5} /> |
| 555 |
<rect width={36} height={2} x={7} y={23} fill="#fff" rx={1} /> |
| 556 |
<rect width={28} height={1.5} x={7} y={27} fill="#fff" rx={0.75} /> |
| 557 |
<rect width={22} height={12.5} x={52} y={4} fill="#58707F" rx={1} /> |
| 558 |
<rect width={16} height={1.5} x={54} y={9} fill="#fff" rx={0.75} /> |
| 559 |
<rect width={10} height={1} x={54} y={12} fill="#fff" rx={0.5} /> |
| 560 |
<rect width={22} height={12.5} x={52} y={18.5} fill="#58707F" rx={1} /> |
| 561 |
<rect width={16} height={1.5} x={54} y={22.5} fill="#fff" rx={0.75} /> |
| 562 |
<rect width={10} height={1} x={54} y={25.5} fill="#fff" rx={0.5} /> |
| 563 |
<rect width={34} height={13} x={4} y={33} fill="#58707F" rx={1} /> |
| 564 |
<rect width={16} height={1.5} x={6} y={40} fill="#fff" rx={0.75} /> |
| 565 |
<rect width={10} height={1} x={6} y={43} fill="#fff" rx={0.5} /> |
| 566 |
<rect width={34} height={13} x={40} y={33} fill="#58707F" rx={1} /> |
| 567 |
<rect width={16} height={1.5} x={42} y={40} fill="#fff" rx={0.75} /> |
| 568 |
<rect width={10} height={1} x={42} y={43} fill="#fff" rx={0.5} /> |
| 569 |
</svg> |
| 570 |
); |
| 571 |
// Grid four layout icon |
| 572 |
export const GridFourLayoutsOne = ({ value }) => ( |
| 573 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 574 |
<rect width={76.5} height={48.5} x={0.75} y={0.75} fill="#fff" rx={2.25} /> |
| 575 |
<rect |
| 576 |
width={76.5} |
| 577 |
height={48.5} |
| 578 |
x={0.75} |
| 579 |
y={0.75} |
| 580 |
stroke={value === "grid-four-layout-one" ? "#458DD7" : "#8796A1"} |
| 581 |
strokeWidth={1.5} |
| 582 |
rx={2.25} |
| 583 |
/> |
| 584 |
<rect width={16} height={16} x={5} y={8} fill="#58707F" rx={1} /> |
| 585 |
<rect width={8} height={1} x={7} y={17} fill="#fff" rx={0.5} /> |
| 586 |
<rect width={12} height={1.5} x={7} y={19.5} fill="#fff" rx={0.75} /> |
| 587 |
<rect width={16} height={16} x={5} y={26} fill="#58707F" rx={1} /> |
| 588 |
<rect width={8} height={1} x={7} y={35} fill="#fff" rx={0.5} /> |
| 589 |
<rect width={12} height={1.5} x={7} y={37.5} fill="#fff" rx={0.75} /> |
| 590 |
<rect width={32} height={34} x={23} y={8} fill="#58707F" rx={1} /> |
| 591 |
<rect width={12} height={1.5} x={26} y={26} fill="#fff" rx={0.75} /> |
| 592 |
<rect width={22} height={2} x={26} y={29.5} fill="#fff" rx={1} /> |
| 593 |
<rect width={14} height={4} x={26} y={34.5} fill="#fff" rx={0.5} /> |
| 594 |
<rect width={8} height={1.5} x={29} y={35.75} fill="#58707F" rx={0.75} /> |
| 595 |
<rect width={16} height={16} x={57} y={8} fill="#58707F" rx={1} /> |
| 596 |
<rect width={8} height={1} x={59} y={17} fill="#fff" rx={0.5} /> |
| 597 |
<rect width={12} height={1.5} x={59} y={19.5} fill="#fff" rx={0.75} /> |
| 598 |
<rect width={16} height={16} x={57} y={26} fill="#58707F" rx={1} /> |
| 599 |
<rect width={8} height={1} x={59} y={35} fill="#fff" rx={0.5} /> |
| 600 |
<rect width={12} height={1.5} x={59} y={37.5} fill="#fff" rx={0.75} /> |
| 601 |
</svg> |
| 602 |
); |
| 603 |
export const GridFourLayoutsTwo = ({ value }) => ( |
| 604 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 605 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 606 |
<rect |
| 607 |
width={76.8} |
| 608 |
height={48.8} |
| 609 |
x={0.6} |
| 610 |
y={0.6} |
| 611 |
stroke={value === "grid-four-layout-two" ? "#458DD7" : "#8796A1"} |
| 612 |
strokeWidth={1.2} |
| 613 |
rx={2.4} |
| 614 |
/> |
| 615 |
<rect width={32} height={34} x={5} y={8} fill="#58707F" rx={1} /> |
| 616 |
<rect width={12} height={1.5} x={8} y={26} fill="#fff" rx={0.75} /> |
| 617 |
<rect width={22} height={2} x={8} y={29.5} fill="#fff" rx={1} /> |
| 618 |
<rect width={14} height={4} x={8} y={34.5} fill="#fff" rx={0.5} /> |
| 619 |
<rect width={8} height={1.5} x={11} y={35.75} fill="#58707F" rx={0.75} /> |
| 620 |
<rect width={16} height={16} x={39} y={8} fill="#58707F" rx={1} /> |
| 621 |
<rect width={8} height={1} x={41} y={17} fill="#fff" rx={0.5} /> |
| 622 |
<rect width={12} height={1.5} x={41} y={19.5} fill="#fff" rx={0.75} /> |
| 623 |
<rect width={16} height={16} x={39} y={26} fill="#58707F" rx={1} /> |
| 624 |
<rect width={8} height={1} x={41} y={35} fill="#fff" rx={0.5} /> |
| 625 |
<rect width={12} height={1.5} x={41} y={37.5} fill="#fff" rx={0.75} /> |
| 626 |
<rect width={16} height={16} x={57} y={8} fill="#58707F" rx={1} /> |
| 627 |
<rect width={8} height={1} x={59} y={17} fill="#fff" rx={0.5} /> |
| 628 |
<rect width={12} height={1.5} x={59} y={19.5} fill="#fff" rx={0.75} /> |
| 629 |
<rect width={16} height={16} x={57} y={26} fill="#58707F" rx={1} /> |
| 630 |
<rect width={8} height={1} x={59} y={35} fill="#fff" rx={0.5} /> |
| 631 |
<rect width={12} height={1.5} x={59} y={37.5} fill="#fff" rx={0.75} /> |
| 632 |
</svg> |
| 633 |
); |
| 634 |
export const GridFourLayoutsThree = ({ value }) => ( |
| 635 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 636 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 637 |
<rect |
| 638 |
width={76.8} |
| 639 |
height={48.8} |
| 640 |
x={0.6} |
| 641 |
y={0.6} |
| 642 |
stroke={value === "grid-four-layout-three" ? "#458DD7" : "#8796A1"} |
| 643 |
strokeWidth={1.2} |
| 644 |
rx={2.4} |
| 645 |
/> |
| 646 |
<rect width={16} height={16} x={5} y={8} fill="#58707F" rx={1} /> |
| 647 |
<rect width={8} height={1} x={7} y={17} fill="#fff" rx={0.5} /> |
| 648 |
<rect width={12} height={1.5} x={7} y={19.5} fill="#fff" rx={0.75} /> |
| 649 |
<rect width={16} height={16} x={5} y={26} fill="#58707F" rx={1} /> |
| 650 |
<rect width={8} height={1} x={7} y={35} fill="#fff" rx={0.5} /> |
| 651 |
<rect width={12} height={1.5} x={7} y={37.5} fill="#fff" rx={0.75} /> |
| 652 |
<rect width={16} height={16} x={23} y={8} fill="#58707F" rx={1} /> |
| 653 |
<rect width={8} height={1} x={25} y={17} fill="#fff" rx={0.5} /> |
| 654 |
<rect width={12} height={1.5} x={25} y={19.5} fill="#fff" rx={0.75} /> |
| 655 |
<rect width={16} height={16} x={23} y={26} fill="#58707F" rx={1} /> |
| 656 |
<rect width={8} height={1} x={25} y={35} fill="#fff" rx={0.5} /> |
| 657 |
<rect width={12} height={1.5} x={25} y={37.5} fill="#fff" rx={0.75} /> |
| 658 |
<rect width={32} height={34} x={41} y={8} fill="#58707F" rx={1} /> |
| 659 |
<rect width={12} height={1.5} x={44} y={26} fill="#fff" rx={0.75} /> |
| 660 |
<rect width={22} height={2} x={44} y={29.5} fill="#fff" rx={1} /> |
| 661 |
<rect width={14} height={4} x={44} y={34.5} fill="#fff" rx={0.5} /> |
| 662 |
<rect width={8} height={1.5} x={47} y={35.75} fill="#58707F" rx={0.75} /> |
| 663 |
</svg> |
| 664 |
); |
| 665 |
export const GridFourLayoutsFour = ({ value }) => ( |
| 666 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 667 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 668 |
<rect |
| 669 |
width={76.8} |
| 670 |
height={48.8} |
| 671 |
x={0.6} |
| 672 |
y={0.6} |
| 673 |
stroke={value === "grid-four-layout-four" ? "#458DD7" : "#8796A1"} |
| 674 |
strokeWidth={1.2} |
| 675 |
rx={2.4} |
| 676 |
/> |
| 677 |
<rect width={32} height={34} x={5} y={8} fill="#58707F" rx={1} /> |
| 678 |
<rect width={12} height={1.5} x={8} y={26} fill="#fff" rx={0.75} /> |
| 679 |
<rect width={22} height={2} x={8} y={29.5} fill="#fff" rx={1} /> |
| 680 |
<rect width={14} height={4} x={8} y={34.5} fill="#fff" rx={0.5} /> |
| 681 |
<rect width={8} height={1.5} x={11} y={35.75} fill="#58707F" rx={0.75} /> |
| 682 |
<rect width={34} height={16} x={39} y={8} fill="#58707F" rx={1} /> |
| 683 |
<rect width={10} height={1.5} x={41} y={17.5} fill="#fff" rx={0.75} /> |
| 684 |
<rect width={24} height={1.5} x={41} y={20.5} fill="#fff" rx={0.75} /> |
| 685 |
<rect width={16} height={16} x={39} y={26} fill="#58707F" rx={1} /> |
| 686 |
<rect width={8} height={1} x={41} y={35} fill="#fff" rx={0.5} /> |
| 687 |
<rect width={12} height={1.5} x={41} y={37.5} fill="#fff" rx={0.75} /> |
| 688 |
<rect width={16} height={16} x={57} y={26} fill="#58707F" rx={1} /> |
| 689 |
<rect width={8} height={1} x={59} y={35} fill="#fff" rx={0.5} /> |
| 690 |
<rect width={12} height={1.5} x={59} y={37.5} fill="#fff" rx={0.75} /> |
| 691 |
</svg> |
| 692 |
); |
| 693 |
export const GridFourLayoutsFive = ({ value }) => ( |
| 694 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 695 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 696 |
<rect |
| 697 |
width={76.8} |
| 698 |
height={48.8} |
| 699 |
x={0.6} |
| 700 |
y={0.6} |
| 701 |
stroke={value === "grid-four-layout-five" ? "#458DD7" : "#8796A1"} |
| 702 |
strokeWidth={1.2} |
| 703 |
rx={2.4} |
| 704 |
/> |
| 705 |
<rect width={32} height={34} x={5} y={8} fill="#58707F" rx={1} /> |
| 706 |
<rect width={12} height={1.5} x={8} y={26} fill="#fff" rx={0.75} /> |
| 707 |
<rect width={22} height={2} x={8} y={29.5} fill="#fff" rx={1} /> |
| 708 |
<rect width={14} height={4} x={8} y={34.5} fill="#fff" rx={0.5} /> |
| 709 |
<rect width={8} height={1.5} x={11} y={35.75} fill="#58707F" rx={0.75} /> |
| 710 |
<rect width={16} height={16} x={39} y={8} fill="#58707F" rx={1} /> |
| 711 |
<rect width={8} height={1} x={41} y={17} fill="#fff" rx={0.5} /> |
| 712 |
<rect width={12} height={1.5} x={41} y={19.5} fill="#fff" rx={0.75} /> |
| 713 |
<rect width={16} height={16} x={57} y={8} fill="#58707F" rx={1} /> |
| 714 |
<rect width={8} height={1} x={59} y={17} fill="#fff" rx={0.5} /> |
| 715 |
<rect width={12} height={1.5} x={59} y={19.5} fill="#fff" rx={0.75} /> |
| 716 |
<rect width={34} height={16} x={39} y={26} fill="#58707F" rx={1} /> |
| 717 |
<rect width={10} height={1.5} x={41} y={35.5} fill="#fff" rx={0.75} /> |
| 718 |
<rect width={24} height={1.5} x={41} y={38.5} fill="#fff" rx={0.75} /> |
| 719 |
</svg> |
| 720 |
); |
| 721 |
export const GridFourLayoutsSix = ({ value }) => ( |
| 722 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 723 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 724 |
<rect |
| 725 |
width={76.8} |
| 726 |
height={48.8} |
| 727 |
x={0.6} |
| 728 |
y={0.6} |
| 729 |
stroke={value === "grid-four-layout-six" ? "#458DD7" : "#8796A1"} |
| 730 |
strokeWidth={1.2} |
| 731 |
rx={2.4} |
| 732 |
/> |
| 733 |
<rect width={44} height={34} x={5} y={8} fill="#58707F" rx={1} /> |
| 734 |
<rect width={14} height={1.5} x={8} y={26} fill="#fff" rx={0.75} /> |
| 735 |
<rect width={32} height={2} x={8} y={29.5} fill="#fff" rx={1} /> |
| 736 |
<rect width={14} height={4} x={8} y={34.5} fill="#fff" rx={0.5} /> |
| 737 |
<rect width={8} height={1.5} x={11} y={35.75} fill="#58707F" rx={0.75} /> |
| 738 |
<rect width={21} height={16} x={52} y={8} fill="#58707F" rx={1} /> |
| 739 |
<rect width={8} height={1} x={54} y={17} fill="#fff" rx={0.5} /> |
| 740 |
<rect width={16} height={1.5} x={54} y={19.5} fill="#fff" rx={0.75} /> |
| 741 |
<rect width={21} height={16} x={52} y={26} fill="#58707F" rx={1} /> |
| 742 |
<rect width={8} height={1} x={54} y={35} fill="#fff" rx={0.5} /> |
| 743 |
<rect width={16} height={1.5} x={54} y={37.5} fill="#fff" rx={0.75} /> |
| 744 |
</svg> |
| 745 |
); |
| 746 |
// Grid five layout icon |
| 747 |
export const GridFiveLayoutsOne = ({ value }) => ( |
| 748 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 749 |
<rect width={76.5} height={48.5} x={0.75} y={0.75} fill="#fff" rx={2.25} /> |
| 750 |
<rect |
| 751 |
width={76.5} |
| 752 |
height={48.5} |
| 753 |
x={0.75} |
| 754 |
y={0.75} |
| 755 |
stroke={value === "grid-five-layout-one" ? "#458DD7" : "#8796A1"} |
| 756 |
strokeWidth={1.2} |
| 757 |
rx={2.25} |
| 758 |
/> |
| 759 |
<rect width={30} height={42} x={4} y={4} fill="#58707F" rx={1} /> |
| 760 |
<rect width={12} height={1.5} x={7} y={30} fill="#fff" rx={0.75} /> |
| 761 |
<rect width={22} height={2} x={7} y={33.5} fill="#fff" rx={1} /> |
| 762 |
<rect width={14} height={4} x={7} y={38.5} fill="#fff" rx={0.5} /> |
| 763 |
<rect width={8} height={1.5} x={10} y={39.75} fill="#58707F" rx={0.75} /> |
| 764 |
<rect width={18} height={42} x={36} y={4} fill="#58707F" rx={1} /> |
| 765 |
<rect width={8} height={1} x={38} y={39} fill="#fff" rx={0.5} /> |
| 766 |
<rect width={12} height={1.5} x={38} y={41.5} fill="#fff" rx={0.75} /> |
| 767 |
<rect width={18} height={42} x={56} y={4} fill="#58707F" rx={1} /> |
| 768 |
<rect width={8} height={1} x={58} y={39} fill="#fff" rx={0.5} /> |
| 769 |
<rect width={12} height={1.5} x={58} y={41.5} fill="#fff" rx={0.75} /> |
| 770 |
</svg> |
| 771 |
); |
| 772 |
export const GridFiveLayoutsTwo = ({ value }) => ( |
| 773 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 774 |
<path |
| 775 |
fill="#fff" |
| 776 |
d="M.6 3A2.4 2.4 0 0 1 3 .6h72A2.4 2.4 0 0 1 77.4 3v44a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 47V3Z" |
| 777 |
/> |
| 778 |
<path |
| 779 |
stroke={value === "grid-five-layout-two" ? "#458DD7" : "#8796A1"} |
| 780 |
strokeWidth={1.2} |
| 781 |
d="M.6 3A2.4 2.4 0 0 1 3 .6h72A2.4 2.4 0 0 1 77.4 3v44a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 47V3Z" |
| 782 |
/> |
| 783 |
<rect width={18} height={42} x={4} y={4} fill="#58707F" rx={1} /> |
| 784 |
<rect width={8} height={1} x={6} y={39} fill="#fff" rx={0.5} /> |
| 785 |
<rect width={12} height={1.5} x={6} y={41.5} fill="#fff" rx={0.75} /> |
| 786 |
<rect width={30} height={42} x={24} y={4} fill="#58707F" rx={1} /> |
| 787 |
<rect width={12} height={1.5} x={27} y={30} fill="#fff" rx={0.75} /> |
| 788 |
<rect width={22} height={2} x={27} y={33.5} fill="#fff" rx={1} /> |
| 789 |
<rect width={14} height={4} x={27} y={38.5} fill="#fff" rx={0.5} /> |
| 790 |
<rect width={8} height={1.5} x={30} y={39.75} fill="#58707F" rx={0.75} /> |
| 791 |
<rect width={18} height={42} x={56} y={4} fill="#58707F" rx={1} /> |
| 792 |
<rect width={8} height={1} x={58} y={39} fill="#fff" rx={0.5} /> |
| 793 |
<rect width={12} height={1.5} x={58} y={41.5} fill="#fff" rx={0.75} /> |
| 794 |
</svg> |
| 795 |
); |
| 796 |
export const GridFiveLayoutsThree = ({ value }) => ( |
| 797 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 798 |
<path |
| 799 |
fill="#fff" |
| 800 |
d="M.6 3A2.4 2.4 0 0 1 3 .6h72A2.4 2.4 0 0 1 77.4 3v44a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 47V3Z" |
| 801 |
/> |
| 802 |
<path |
| 803 |
stroke={value === "grid-five-layout-three" ? "#458DD7" : "#8796A1"} |
| 804 |
strokeWidth={1.2} |
| 805 |
d="M.6 3A2.4 2.4 0 0 1 3 .6h72A2.4 2.4 0 0 1 77.4 3v44a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 47V3Z" |
| 806 |
/> |
| 807 |
<rect width={18} height={42} x={4} y={4} fill="#58707F" rx={1} /> |
| 808 |
<rect width={8} height={1} x={6} y={39} fill="#fff" rx={0.5} /> |
| 809 |
<rect width={12} height={1.5} x={6} y={41.5} fill="#fff" rx={0.75} /> |
| 810 |
<rect width={18} height={42} x={24} y={4} fill="#58707F" rx={1} /> |
| 811 |
<rect width={8} height={1} x={26} y={39} fill="#fff" rx={0.5} /> |
| 812 |
<rect width={12} height={1.5} x={26} y={41.5} fill="#fff" rx={0.75} /> |
| 813 |
<rect width={30} height={42} x={44} y={4} fill="#58707F" rx={1} /> |
| 814 |
<rect width={12} height={1.5} x={47} y={30} fill="#fff" rx={0.75} /> |
| 815 |
<rect width={22} height={2} x={47} y={33.5} fill="#fff" rx={1} /> |
| 816 |
<rect width={14} height={4} x={47} y={38.5} fill="#fff" rx={0.5} /> |
| 817 |
<rect width={8} height={1.5} x={50} y={39.75} fill="#58707F" rx={0.75} /> |
| 818 |
</svg> |
| 819 |
); |
| 820 |
export const GridFiveLayoutsFour = ({ value }) => ( |
| 821 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 822 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 823 |
<rect |
| 824 |
width={76.8} |
| 825 |
height={48.8} |
| 826 |
x={0.6} |
| 827 |
y={0.6} |
| 828 |
stroke={value === "grid-five-layout-four" ? "#458DD7" : "#8796A1"} |
| 829 |
strokeWidth={1.2} |
| 830 |
rx={2.4} |
| 831 |
/> |
| 832 |
<rect width={30} height={42} x={4} y={4} fill="#58707F" rx={1} /> |
| 833 |
<rect width={12} height={1.5} x={7} y={30} fill="#fff" rx={0.75} /> |
| 834 |
<rect width={22} height={2} x={7} y={33.5} fill="#fff" rx={1} /> |
| 835 |
<rect width={14} height={4} x={7} y={38.5} fill="#fff" rx={0.5} /> |
| 836 |
<rect width={8} height={1.5} x={10} y={39.75} fill="#58707F" rx={0.75} /> |
| 837 |
<rect width={18} height={42} x={36} y={4} fill="#58707F" rx={1} /> |
| 838 |
<rect width={8} height={1} x={38} y={39} fill="#fff" rx={0.5} /> |
| 839 |
<rect width={12} height={1.5} x={38} y={41.5} fill="#fff" rx={0.75} /> |
| 840 |
<rect width={18} height={20} x={56} y={4} fill="#58707F" rx={1} /> |
| 841 |
<rect width={8} height={1} x={58} y={17} fill="#fff" rx={0.5} /> |
| 842 |
<rect width={12} height={1.5} x={58} y={19.5} fill="#fff" rx={0.75} /> |
| 843 |
<rect width={18} height={20} x={56} y={26} fill="#58707F" rx={1} /> |
| 844 |
<rect width={8} height={1} x={58} y={39} fill="#fff" rx={0.5} /> |
| 845 |
<rect width={12} height={1.5} x={58} y={41.5} fill="#fff" rx={0.75} /> |
| 846 |
</svg> |
| 847 |
); |
| 848 |
export const GridFiveLayoutsFive = ({ value }) => ( |
| 849 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 850 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 851 |
<rect |
| 852 |
width={76.8} |
| 853 |
height={48.8} |
| 854 |
x={0.6} |
| 855 |
y={0.6} |
| 856 |
stroke={value === "grid-five-layout-five" ? "#458DD7" : "#8796A1"} |
| 857 |
strokeWidth={1.2} |
| 858 |
rx={2.4} |
| 859 |
/> |
| 860 |
<rect width={30} height={42} x={4} y={4} fill="#58707F" rx={1} /> |
| 861 |
<rect width={12} height={1.5} x={7} y={30} fill="#fff" rx={0.75} /> |
| 862 |
<rect width={22} height={2} x={7} y={33.5} fill="#fff" rx={1} /> |
| 863 |
<rect width={14} height={4} x={7} y={38.5} fill="#fff" rx={0.5} /> |
| 864 |
<rect width={8} height={1.5} x={10} y={39.75} fill="#58707F" rx={0.75} /> |
| 865 |
<rect width={18} height={20} x={36} y={4} fill="#58707F" rx={1} /> |
| 866 |
<rect width={8} height={1} x={38} y={17} fill="#fff" rx={0.5} /> |
| 867 |
<rect width={12} height={1.5} x={38} y={19.5} fill="#fff" rx={0.75} /> |
| 868 |
<rect width={18} height={20} x={36} y={26} fill="#58707F" rx={1} /> |
| 869 |
<rect width={8} height={1} x={38} y={39} fill="#fff" rx={0.5} /> |
| 870 |
<rect width={12} height={1.5} x={38} y={41.5} fill="#fff" rx={0.75} /> |
| 871 |
<rect width={18} height={42} x={56} y={4} fill="#58707F" rx={1} /> |
| 872 |
<rect width={8} height={1} x={58} y={39} fill="#fff" rx={0.5} /> |
| 873 |
<rect width={12} height={1.5} x={58} y={41.5} fill="#fff" rx={0.75} /> |
| 874 |
</svg> |
| 875 |
); |
| 876 |
export const GridFiveLayoutsSix = ({ value }) => ( |
| 877 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 878 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 879 |
<rect |
| 880 |
width={76.8} |
| 881 |
height={48.8} |
| 882 |
x={0.6} |
| 883 |
y={0.6} |
| 884 |
stroke={value === "grid-five-layout-six" ? "#458DD7" : "#8796A1"} |
| 885 |
strokeWidth={1.2} |
| 886 |
rx={2.4} |
| 887 |
/> |
| 888 |
<rect width={18} height={20} x={4} y={4} fill="#58707F" rx={1} /> |
| 889 |
<rect width={8} height={1} x={6} y={17} fill="#fff" rx={0.5} /> |
| 890 |
<rect width={12} height={1.5} x={6} y={19.5} fill="#fff" rx={0.75} /> |
| 891 |
<rect width={18} height={20} x={4} y={26} fill="#58707F" rx={1} /> |
| 892 |
<rect width={8} height={1} x={6} y={39} fill="#fff" rx={0.5} /> |
| 893 |
<rect width={12} height={1.5} x={6} y={41.5} fill="#fff" rx={0.75} /> |
| 894 |
<rect width={30} height={42} x={24} y={4} fill="#58707F" rx={1} /> |
| 895 |
<rect width={12} height={1.5} x={27} y={30} fill="#fff" rx={0.75} /> |
| 896 |
<rect width={22} height={2} x={27} y={33.5} fill="#fff" rx={1} /> |
| 897 |
<rect width={14} height={4} x={27} y={38.5} fill="#fff" rx={0.5} /> |
| 898 |
<rect width={8} height={1.5} x={30} y={39.75} fill="#58707F" rx={0.75} /> |
| 899 |
<rect width={18} height={42} x={56} y={4} fill="#58707F" rx={1} /> |
| 900 |
<rect width={8} height={1} x={58} y={39} fill="#fff" rx={0.5} /> |
| 901 |
<rect width={12} height={1.5} x={58} y={41.5} fill="#fff" rx={0.75} /> |
| 902 |
</svg> |
| 903 |
); |
| 904 |
export const GridFiveLayoutsSeven = ({ value }) => ( |
| 905 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 906 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 907 |
<rect |
| 908 |
width={76.8} |
| 909 |
height={48.8} |
| 910 |
x={0.6} |
| 911 |
y={0.6} |
| 912 |
stroke={value === "grid-five-layout-seven" ? "#458DD7" : "#8796A1"} |
| 913 |
strokeWidth={1.2} |
| 914 |
rx={2.4} |
| 915 |
/> |
| 916 |
<rect width={18} height={20} x={4} y={4} fill="#58707F" rx={1} /> |
| 917 |
<rect width={8} height={1} x={6} y={17} fill="#fff" rx={0.5} /> |
| 918 |
<rect width={12} height={1.5} x={6} y={19.5} fill="#fff" rx={0.75} /> |
| 919 |
<rect width={18} height={20} x={4} y={26} fill="#58707F" rx={1} /> |
| 920 |
<rect width={8} height={1} x={6} y={39} fill="#fff" rx={0.5} /> |
| 921 |
<rect width={12} height={1.5} x={6} y={41.5} fill="#fff" rx={0.75} /> |
| 922 |
<rect width={18} height={42} x={24} y={4} fill="#58707F" rx={1} /> |
| 923 |
<rect width={8} height={1} x={26} y={39} fill="#fff" rx={0.5} /> |
| 924 |
<rect width={12} height={1.5} x={26} y={41.5} fill="#fff" rx={0.75} /> |
| 925 |
<rect width={30} height={42} x={44} y={4} fill="#58707F" rx={1} /> |
| 926 |
<rect width={12} height={1.5} x={47} y={30} fill="#fff" rx={0.75} /> |
| 927 |
<rect width={22} height={2} x={47} y={33.5} fill="#fff" rx={1} /> |
| 928 |
<rect width={14} height={4} x={47} y={38.5} fill="#fff" rx={0.5} /> |
| 929 |
<rect width={8} height={1.5} x={50} y={39.75} fill="#58707F" rx={0.75} /> |
| 930 |
</svg> |
| 931 |
); |
| 932 |
export const GridFiveLayoutsEight = ({ value }) => ( |
| 933 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 934 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 935 |
<rect |
| 936 |
width={76.8} |
| 937 |
height={48.8} |
| 938 |
x={0.6} |
| 939 |
y={0.6} |
| 940 |
stroke={value === "grid-five-layout-eight" ? "#458DD7" : "#8796A1"} |
| 941 |
strokeWidth={1.2} |
| 942 |
rx={2.4} |
| 943 |
/> |
| 944 |
<rect width={18} height={42} x={4} y={4} fill="#58707F" rx={1} /> |
| 945 |
<rect width={8} height={1} x={6} y={39} fill="#fff" rx={0.5} /> |
| 946 |
<rect width={12} height={1.5} x={6} y={41.5} fill="#fff" rx={0.75} /> |
| 947 |
<rect width={30} height={42} x={24} y={4} fill="#58707F" rx={1} /> |
| 948 |
<rect width={12} height={1.5} x={27} y={30} fill="#fff" rx={0.75} /> |
| 949 |
<rect width={22} height={2} x={27} y={33.5} fill="#fff" rx={1} /> |
| 950 |
<rect width={14} height={4} x={27} y={38.5} fill="#fff" rx={0.5} /> |
| 951 |
<rect width={8} height={1.5} x={30} y={39.75} fill="#58707F" rx={0.75} /> |
| 952 |
<rect width={18} height={20} x={56} y={4} fill="#58707F" rx={1} /> |
| 953 |
<rect width={8} height={1} x={58} y={17} fill="#fff" rx={0.5} /> |
| 954 |
<rect width={12} height={1.5} x={58} y={19.5} fill="#fff" rx={0.75} /> |
| 955 |
<rect width={18} height={20} x={56} y={26} fill="#58707F" rx={1} /> |
| 956 |
<rect width={8} height={1} x={58} y={39} fill="#fff" rx={0.5} /> |
| 957 |
<rect width={12} height={1.5} x={58} y={41.5} fill="#fff" rx={0.75} /> |
| 958 |
</svg> |
| 959 |
); |
| 960 |
export const GridFiveLayoutsNine = ({ value }) => ( |
| 961 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} fill="none"> |
| 962 |
<rect width={76.8} height={48.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 963 |
<rect |
| 964 |
width={76.8} |
| 965 |
height={48.8} |
| 966 |
x={0.6} |
| 967 |
y={0.6} |
| 968 |
stroke={value === "grid-five-layout-nine" ? "#458DD7" : "#8796A1"} |
| 969 |
strokeWidth={1.2} |
| 970 |
rx={2.4} |
| 971 |
/> |
| 972 |
<rect width={18} height={42} x={4} y={4} fill="#58707F" rx={1} /> |
| 973 |
<rect width={8} height={1} x={6} y={39} fill="#fff" rx={0.5} /> |
| 974 |
<rect width={12} height={1.5} x={6} y={41.5} fill="#fff" rx={0.75} /> |
| 975 |
<rect width={18} height={20} x={24} y={4} fill="#58707F" rx={1} /> |
| 976 |
<rect width={8} height={1} x={26} y={17} fill="#fff" rx={0.5} /> |
| 977 |
<rect width={12} height={1.5} x={26} y={19.5} fill="#fff" rx={0.75} /> |
| 978 |
<rect width={18} height={20} x={24} y={26} fill="#58707F" rx={1} /> |
| 979 |
<rect width={8} height={1} x={26} y={39} fill="#fff" rx={0.5} /> |
| 980 |
<rect width={12} height={1.5} x={26} y={41.5} fill="#fff" rx={0.75} /> |
| 981 |
<rect width={30} height={42} x={44} y={4} fill="#58707F" rx={1} /> |
| 982 |
<rect width={12} height={1.5} x={47} y={30} fill="#fff" rx={0.75} /> |
| 983 |
<rect width={22} height={2} x={47} y={33.5} fill="#fff" rx={1} /> |
| 984 |
<rect width={14} height={4} x={47} y={38.5} fill="#fff" rx={0.5} /> |
| 985 |
<rect width={8} height={1.5} x={50} y={39.75} fill="#58707F" rx={0.75} /> |
| 986 |
</svg> |
| 987 |
); |
| 988 |
// post list one layout icon |
| 989 |
export const ListOneLayoutOne = ({ value }) => ( |
| 990 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 991 |
<path |
| 992 |
fill="#fff" |
| 993 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 994 |
/> |
| 995 |
<path |
| 996 |
stroke={value === "list-one-layout-one" ? "#458DD7" : "#8796A1"} |
| 997 |
strokeWidth={1.2} |
| 998 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 999 |
/> |
| 1000 |
<rect width={28} height={17} x={5} y={6.5} fill="#58707F" rx={1} /> |
| 1001 |
<rect width={15} height={2} x={36} y={10.25} fill="#58707F" rx={1} /> |
| 1002 |
<rect width={37} height={2} x={36} y={14.25} fill="#58707F" rx={1} /> |
| 1003 |
<rect width={20} height={2} x={36} y={17.75} fill="#58707F" rx={1} /> |
| 1004 |
<rect width={28} height={17} x={5} y={27.5} fill="#58707F" rx={1} /> |
| 1005 |
<rect width={15} height={2} x={36} y={31.25} fill="#58707F" rx={1} /> |
| 1006 |
<rect width={37} height={2} x={36} y={35.25} fill="#58707F" rx={1} /> |
| 1007 |
<rect width={20} height={2} x={36} y={38.75} fill="#58707F" rx={1} /> |
| 1008 |
<rect width={28} height={17} x={5} y={48.5} fill="#58707F" rx={1} /> |
| 1009 |
<rect width={15} height={2} x={36} y={52.25} fill="#58707F" rx={1} /> |
| 1010 |
<rect width={37} height={2} x={36} y={56.25} fill="#58707F" rx={1} /> |
| 1011 |
<rect width={20} height={2} x={36} y={59.75} fill="#58707F" rx={1} /> |
| 1012 |
</svg> |
| 1013 |
); |
| 1014 |
export const ListOneLayoutTwo = ({ value }) => ( |
| 1015 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 1016 |
<path |
| 1017 |
fill="#fff" |
| 1018 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1019 |
/> |
| 1020 |
<path |
| 1021 |
stroke={value === "list-one-layout-two" ? "#458DD7" : "#8796A1"} |
| 1022 |
strokeWidth={1.2} |
| 1023 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1024 |
/> |
| 1025 |
<rect width={15} height={2} x={5} y={10.25} fill="#58707F" rx={1} /> |
| 1026 |
<rect width={37} height={2} x={5} y={14.25} fill="#58707F" rx={1} /> |
| 1027 |
<rect width={20} height={2} x={5} y={17.75} fill="#58707F" rx={1} /> |
| 1028 |
<rect width={28} height={17} x={45} y={6.5} fill="#58707F" rx={1} /> |
| 1029 |
<rect width={15} height={2} x={5} y={31.25} fill="#58707F" rx={1} /> |
| 1030 |
<rect width={37} height={2} x={5} y={35.25} fill="#58707F" rx={1} /> |
| 1031 |
<rect width={20} height={2} x={5} y={38.75} fill="#58707F" rx={1} /> |
| 1032 |
<rect width={28} height={17} x={45} y={27.5} fill="#58707F" rx={1} /> |
| 1033 |
<rect width={15} height={2} x={5} y={52.25} fill="#58707F" rx={1} /> |
| 1034 |
<rect width={37} height={2} x={5} y={56.25} fill="#58707F" rx={1} /> |
| 1035 |
<rect width={20} height={2} x={5} y={59.75} fill="#58707F" rx={1} /> |
| 1036 |
<rect width={28} height={17} x={45} y={48.5} fill="#58707F" rx={1} /> |
| 1037 |
</svg> |
| 1038 |
); |
| 1039 |
export const ListOneLayoutThree = ({ value }) => ( |
| 1040 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 1041 |
<path |
| 1042 |
fill="#fff" |
| 1043 |
d="M6 .75h66c1.435 0 2.436.002 3.191.104.642.086 1.02.234 1.29.456l.11.1c.277.276.457.665.556 1.399.101.755.103 1.756.103 3.191v60c0 1.435-.002 2.436-.103 3.191-.087.642-.235 1.02-.457 1.29l-.1.11c-.276.277-.665.457-1.399.556-.755.101-1.756.103-3.191.103H6c-1.435 0-2.436-.002-3.191-.103-.642-.087-1.02-.235-1.29-.457l-.11-.1c-.277-.276-.457-.665-.555-1.399C.752 68.436.75 67.435.75 66V6c0-1.435.002-2.436.104-3.191.098-.734.278-1.123.555-1.4.277-.277.666-.457 1.4-.555C3.564.752 4.565.75 6 .75Z" |
| 1044 |
/> |
| 1045 |
<path |
| 1046 |
stroke={value === "list-one-layout-three" ? "#458DD7" : "#8796A1"} |
| 1047 |
strokeWidth={1.5} |
| 1048 |
d="M6 .75h66c1.435 0 2.436.002 3.191.104.642.086 1.02.234 1.29.456l.11.1c.277.276.457.665.556 1.399.101.755.103 1.756.103 3.191v60c0 1.435-.002 2.436-.103 3.191-.087.642-.235 1.02-.457 1.29l-.1.11c-.276.277-.665.457-1.399.556-.755.101-1.756.103-3.191.103H6c-1.435 0-2.436-.002-3.191-.103-.642-.087-1.02-.235-1.29-.457l-.11-.1c-.277-.276-.457-.665-.555-1.399C.752 68.436.75 67.435.75 66V6c0-1.435.002-2.436.104-3.191.098-.734.278-1.123.555-1.4.277-.277.666-.457 1.4-.555C3.564.752 4.565.75 6 .75Z" |
| 1049 |
/> |
| 1050 |
<rect width={32} height={17} x={7} y={6.5} fill="#58707F" rx={1} /> |
| 1051 |
<rect width={40} height={12} x={31} y={9} fill="#9EA9B2" rx={1} /> |
| 1052 |
<rect width={15} height={2} x={34} y={12} fill="#fff" rx={1} /> |
| 1053 |
<rect width={31} height={2} x={34} y={16} fill="#fff" rx={1} /> |
| 1054 |
<rect width={32} height={17} x={7} y={27.5} fill="#58707F" rx={1} /> |
| 1055 |
<rect width={40} height={12} x={31} y={30} fill="#9EA9B2" rx={1} /> |
| 1056 |
<rect width={15} height={2} x={34} y={33} fill="#fff" rx={1} /> |
| 1057 |
<rect width={31} height={2} x={34} y={37} fill="#fff" rx={1} /> |
| 1058 |
<rect width={32} height={17} x={7} y={48.5} fill="#58707F" rx={1} /> |
| 1059 |
<rect width={40} height={12} x={31} y={51} fill="#9EA9B2" rx={1} /> |
| 1060 |
<rect width={15} height={2} x={34} y={54} fill="#fff" rx={1} /> |
| 1061 |
<rect width={31} height={2} x={34} y={58} fill="#fff" rx={1} /> |
| 1062 |
</svg> |
| 1063 |
); |
| 1064 |
export const ListOneLayoutFour = ({ value }) => ( |
| 1065 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 1066 |
<path |
| 1067 |
fill="#fff" |
| 1068 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1069 |
/> |
| 1070 |
<path |
| 1071 |
stroke={value === "list-one-layout-four" ? "#458DD7" : "#8796A1"} |
| 1072 |
strokeWidth={1.2} |
| 1073 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1074 |
/> |
| 1075 |
<rect width={32} height={17} x={39} y={6.5} fill="#58707F" rx={1} /> |
| 1076 |
<rect width={32} height={17} x={39} y={27.5} fill="#58707F" rx={1} /> |
| 1077 |
<rect width={32} height={17} x={39} y={48.5} fill="#58707F" rx={1} /> |
| 1078 |
<path fill="#9EA9B2" d="M7 52a1 1 0 0 1 1-1h38a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V52Z" /> |
| 1079 |
<rect width={15} height={2} x={10} y={54} fill="#fff" rx={1} /> |
| 1080 |
<rect width={31} height={2} x={10} y={58} fill="#fff" rx={1} /> |
| 1081 |
<path fill="#9EA9B2" d="M7 31a1 1 0 0 1 1-1h38a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V31Z" /> |
| 1082 |
<rect width={15} height={2} x={10} y={33} fill="#fff" rx={1} /> |
| 1083 |
<rect width={31} height={2} x={10} y={37} fill="#fff" rx={1} /> |
| 1084 |
<path fill="#9EA9B2" d="M7 10a1 1 0 0 1 1-1h38a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V10Z" /> |
| 1085 |
<rect width={15} height={2} x={10} y={12} fill="#fff" rx={1} /> |
| 1086 |
<rect width={31} height={2} x={10} y={16} fill="#fff" rx={1} /> |
| 1087 |
</svg> |
| 1088 |
); |
| 1089 |
export const ListOneLayoutFive = ({ value }) => ( |
| 1090 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 1091 |
<path |
| 1092 |
fill="#fff" |
| 1093 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1094 |
/> |
| 1095 |
<path |
| 1096 |
stroke={value === "list-one-layout-five" ? "#458DD7" : "#8796A1"} |
| 1097 |
strokeWidth={1.2} |
| 1098 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1099 |
/> |
| 1100 |
<rect width={44} height={3} x={5} y={5.25} fill="#58707F" rx={1.5} /> |
| 1101 |
<rect width={8} height={1.25} x={5} y={10.25} fill="#58707F" rx={0.625} /> |
| 1102 |
<rect width={8} height={1.25} x={15} y={10.25} fill="#58707F" rx={0.625} /> |
| 1103 |
<rect width={8} height={1.25} x={25} y={10.25} fill="#58707F" rx={0.625} /> |
| 1104 |
<rect width={24} height={19} x={5} y={13.75} fill="#58707F" rx={1} /> |
| 1105 |
<rect width={41} height={2} x={32} y={15.5} fill="#58707F" rx={1} /> |
| 1106 |
<rect width={41} height={2} x={32} y={19} fill="#58707F" rx={1} /> |
| 1107 |
<rect width={22} height={2} x={32} y={22.5} fill="#58707F" rx={1} /> |
| 1108 |
<rect width={10.5} height={4} x={32.25} y={26.75} stroke="#58707F" strokeWidth={0.5} rx={0.75} /> |
| 1109 |
<rect width={6} height={1.5} x={34.5} y={28} fill="#58707F" rx={0.75} /> |
| 1110 |
<rect width={44} height={3} x={5} y={39} fill="#58707F" rx={1.5} /> |
| 1111 |
<rect width={8} height={1.25} x={5} y={44} fill="#58707F" rx={0.625} /> |
| 1112 |
<rect width={8} height={1.25} x={15} y={44} fill="#58707F" rx={0.625} /> |
| 1113 |
<rect width={8} height={1.25} x={25} y={44} fill="#58707F" rx={0.625} /> |
| 1114 |
<rect width={24} height={19} x={5} y={47.5} fill="#58707F" rx={1} /> |
| 1115 |
<rect width={41} height={2} x={32} y={49.25} fill="#58707F" rx={1} /> |
| 1116 |
<rect width={41} height={2} x={32} y={52.75} fill="#58707F" rx={1} /> |
| 1117 |
<rect width={22} height={2} x={32} y={56.25} fill="#58707F" rx={1} /> |
| 1118 |
<rect width={10.5} height={4} x={32.25} y={60.5} stroke="#58707F" strokeWidth={0.5} rx={0.75} /> |
| 1119 |
<rect width={6} height={1.5} x={34.5} y={61.75} fill="#58707F" rx={0.75} /> |
| 1120 |
</svg> |
| 1121 |
); |
| 1122 |
export const ListOneLayoutSix = ({ value }) => ( |
| 1123 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 1124 |
<path |
| 1125 |
fill="#fff" |
| 1126 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1127 |
/> |
| 1128 |
<path |
| 1129 |
stroke={value === "list-one-layout-six" ? "#458DD7" : "#8796A1"} |
| 1130 |
strokeWidth={1.2} |
| 1131 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1132 |
/> |
| 1133 |
<rect width={52} height={3} x={5} y={5.25} fill="#58707F" rx={1.5} /> |
| 1134 |
<rect width={20} height={3} x={5} y={9.75} fill="#58707F" rx={1.5} /> |
| 1135 |
<rect width={8} height={1.25} x={5} y={17.75} fill="#58707F" rx={0.625} /> |
| 1136 |
<rect width={8} height={1.25} x={15} y={17.75} fill="#58707F" rx={0.625} /> |
| 1137 |
<rect width={8} height={1.25} x={25} y={17.75} fill="#58707F" rx={0.625} /> |
| 1138 |
<rect width={41} height={2} x={5} y={21} fill="#58707F" rx={1} /> |
| 1139 |
<rect width={22} height={2} x={5} y={24.5} fill="#58707F" rx={1} /> |
| 1140 |
<rect width={10.5} height={4} x={5.25} y={28.75} stroke="#58707F" strokeWidth={0.5} rx={0.75} /> |
| 1141 |
<rect width={6} height={1.5} x={7.5} y={30} fill="#58707F" rx={0.75} /> |
| 1142 |
<rect width={24} height={17.25} x={49} y={15.75} fill="#58707F" rx={1} /> |
| 1143 |
<rect width={52} height={3} x={5} y={39} fill="#58707F" rx={1.5} /> |
| 1144 |
<rect width={20} height={3} x={5} y={43.5} fill="#58707F" rx={1.5} /> |
| 1145 |
<rect width={8} height={1.25} x={5} y={51.5} fill="#58707F" rx={0.625} /> |
| 1146 |
<rect width={8} height={1.25} x={15} y={51.5} fill="#58707F" rx={0.625} /> |
| 1147 |
<rect width={8} height={1.25} x={25} y={51.5} fill="#58707F" rx={0.625} /> |
| 1148 |
<rect width={41} height={2} x={5} y={54.75} fill="#58707F" rx={1} /> |
| 1149 |
<rect width={22} height={2} x={5} y={58.25} fill="#58707F" rx={1} /> |
| 1150 |
<rect width={10.5} height={4} x={5.25} y={62.5} stroke="#58707F" strokeWidth={0.5} rx={0.75} /> |
| 1151 |
<rect width={6} height={1.5} x={7.5} y={63.75} fill="#58707F" rx={0.75} /> |
| 1152 |
<rect width={24} height={17.25} x={49} y={49.5} fill="#58707F" rx={1} /> |
| 1153 |
</svg> |
| 1154 |
); |
| 1155 |
// Post list two layout icon |
| 1156 |
export const PostListTwoLayoutOne = ({ value }) => ( |
| 1157 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 1158 |
<path |
| 1159 |
fill="#fff" |
| 1160 |
d="M6 .75h66c1.435 0 2.436.002 3.191.104.642.086 1.02.234 1.29.456l.11.1c.277.276.457.665.556 1.399.101.755.103 1.756.103 3.191v60c0 1.435-.002 2.436-.103 3.191-.087.642-.235 1.02-.457 1.29l-.1.11c-.276.277-.665.457-1.399.556-.755.101-1.756.103-3.191.103H6c-1.435 0-2.436-.002-3.191-.103-.642-.087-1.02-.235-1.29-.457l-.11-.1c-.277-.276-.457-.665-.555-1.399C.752 68.436.75 67.435.75 66V6c0-1.435.002-2.436.104-3.191.098-.734.278-1.123.555-1.4.277-.277.666-.457 1.4-.555C3.564.752 4.565.75 6 .75Z" |
| 1161 |
/> |
| 1162 |
<path |
| 1163 |
stroke={value === "sp-smart-post-list-two-layout-one" ? "#458DD7" : "#8796A1"} |
| 1164 |
strokeWidth={1.5} |
| 1165 |
d="M6 .75h66c1.435 0 2.436.002 3.191.104.642.086 1.02.234 1.29.456l.11.1c.277.276.457.665.556 1.399.101.755.103 1.756.103 3.191v60c0 1.435-.002 2.436-.103 3.191-.087.642-.235 1.02-.457 1.29l-.1.11c-.276.277-.665.457-1.399.556-.755.101-1.756.103-3.191.103H6c-1.435 0-2.436-.002-3.191-.103-.642-.087-1.02-.235-1.29-.457l-.11-.1c-.277-.276-.457-.665-.555-1.399C.752 68.436.75 67.435.75 66V6c0-1.435.002-2.436.104-3.191.098-.734.278-1.123.555-1.4.277-.277.666-.457 1.4-.555C3.564.752 4.565.75 6 .75Z" |
| 1166 |
/> |
| 1167 |
<rect width={66} height={27} x={6} y={6.005} fill="#58707F" rx={1} /> |
| 1168 |
<rect width={53} height={3} x={9} y={15.505} fill="#fff" rx={1.5} /> |
| 1169 |
<rect width={28} height={2} x={9} y={21.505} fill="#fff" rx={1} /> |
| 1170 |
<rect width={23} height={13.5} x={6} y={36.005} fill="#58707F" rx={1} /> |
| 1171 |
<rect width={33} height={2} x={32} y={39.755} fill="#58707F" rx={1} /> |
| 1172 |
<rect width={18} height={2} x={32} y={43.755} fill="#58707F" rx={1} /> |
| 1173 |
<rect width={23} height={13.5} x={6} y={52.505} fill="#58707F" rx={1} /> |
| 1174 |
<rect width={33} height={2} x={32} y={56.255} fill="#58707F" rx={1} /> |
| 1175 |
<rect width={18} height={2} x={32} y={60.255} fill="#58707F" rx={1} /> |
| 1176 |
</svg> |
| 1177 |
); |
| 1178 |
export const PostListTwoLayoutTwo = ({ value }) => ( |
| 1179 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 1180 |
<path |
| 1181 |
fill="#fff" |
| 1182 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1183 |
/> |
| 1184 |
<path |
| 1185 |
stroke={value === "sp-smart-post-list-two-layout-two" ? "#458DD7" : "#8796A1"} |
| 1186 |
strokeWidth={1.2} |
| 1187 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1188 |
/> |
| 1189 |
<rect width={66} height={32} x={6} y={6.005} fill="#58707F" rx={1} /> |
| 1190 |
<rect width={53} height={3} x={10} y={18.005} fill="#fff" rx={1.5} /> |
| 1191 |
<rect width={28} height={2} x={10} y={24.005} fill="#fff" rx={1} /> |
| 1192 |
<rect width={12} height={10} x={6} y={43.005} fill="#58707F" rx={1} /> |
| 1193 |
<rect width={17} height={2} x={20} y={45.005} fill="#58707F" rx={1} /> |
| 1194 |
<rect width={11} height={2} x={20} y={49.005} fill="#58707F" rx={1} /> |
| 1195 |
<rect width={12} height={10} x={41} y={43.005} fill="#58707F" rx={1} /> |
| 1196 |
<rect width={17} height={2} x={55} y={45.005} fill="#58707F" rx={1} /> |
| 1197 |
<rect width={11} height={2} x={55} y={49.005} fill="#58707F" rx={1} /> |
| 1198 |
<rect width={12} height={10} x={6} y={56.005} fill="#58707F" rx={1} /> |
| 1199 |
<rect width={17} height={2} x={20} y={58.005} fill="#58707F" rx={1} /> |
| 1200 |
<rect width={11} height={2} x={20} y={62.005} fill="#58707F" rx={1} /> |
| 1201 |
<rect width={12} height={10} x={41} y={56.005} fill="#58707F" rx={1} /> |
| 1202 |
<rect width={17} height={2} x={55} y={58.005} fill="#58707F" rx={1} /> |
| 1203 |
<rect width={11} height={2} x={55} y={62.005} fill="#58707F" rx={1} /> |
| 1204 |
</svg> |
| 1205 |
); |
| 1206 |
export const PostListTwoLayoutThree = ({ value }) => ( |
| 1207 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 1208 |
<path |
| 1209 |
fill="#fff" |
| 1210 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1211 |
/> |
| 1212 |
<path |
| 1213 |
stroke={value === "sp-smart-post-list-two-layout-three" ? "#458DD7" : "#8796A1"} |
| 1214 |
strokeWidth={1.2} |
| 1215 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1216 |
/> |
| 1217 |
<rect width={66} height={22} x={6} y={5.505} fill="#58707F" rx={1} /> |
| 1218 |
<rect width={54} height={3} x={6} y={30.505} fill="#58707F" rx={1.5} /> |
| 1219 |
<rect width={31} height={2} x={6} y={35.505} fill="#58707F" rx={1} /> |
| 1220 |
<rect width={19} height={11.5} x={6} y={40.505} fill="#58707F" rx={1} /> |
| 1221 |
<rect width={37} height={2} x={28} y={43.255} fill="#58707F" rx={1} /> |
| 1222 |
<rect width={18} height={2} x={28} y={47.255} fill="#58707F" rx={1} /> |
| 1223 |
<rect width={19} height={11.5} x={6} y={55.005} fill="#58707F" rx={1} /> |
| 1224 |
<rect width={37} height={2} x={28} y={57.755} fill="#58707F" rx={1} /> |
| 1225 |
<rect width={18} height={2} x={28} y={61.755} fill="#58707F" rx={1} /> |
| 1226 |
</svg> |
| 1227 |
); |
| 1228 |
export const PostListTwoLayoutFour = ({ value }) => ( |
| 1229 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 1230 |
<path |
| 1231 |
fill="#fff" |
| 1232 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1233 |
/> |
| 1234 |
<path |
| 1235 |
stroke={value === "sp-smart-post-list-two-layout-four" ? "#458DD7" : "#8796A1"} |
| 1236 |
strokeWidth={1.2} |
| 1237 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1238 |
/> |
| 1239 |
<rect width={66} height={26} x={6} y={6.005} fill="#58707F" rx={1} /> |
| 1240 |
<rect width={57} height={3} x={6} y={35.005} fill="#58707F" rx={1.5} /> |
| 1241 |
<rect width={32} height={2} x={6} y={40.005} fill="#58707F" rx={1} /> |
| 1242 |
<rect width={12} height={9} x={6} y={46.005} fill="#58707F" rx={1} /> |
| 1243 |
<rect width={17} height={2} x={20} y={47.505} fill="#58707F" rx={1} /> |
| 1244 |
<rect width={11} height={2} x={20} y={51.505} fill="#58707F" rx={1} /> |
| 1245 |
<rect width={12} height={9} x={41} y={46.005} fill="#58707F" rx={1} /> |
| 1246 |
<rect width={17} height={2} x={55} y={47.505} fill="#58707F" rx={1} /> |
| 1247 |
<rect width={11} height={2} x={55} y={51.505} fill="#58707F" rx={1} /> |
| 1248 |
<rect width={12} height={9} x={6} y={57.005} fill="#58707F" rx={1} /> |
| 1249 |
<rect width={17} height={2} x={20} y={58.505} fill="#58707F" rx={1} /> |
| 1250 |
<rect width={11} height={2} x={20} y={62.505} fill="#58707F" rx={1} /> |
| 1251 |
<rect width={12} height={9} x={41} y={57.005} fill="#58707F" rx={1} /> |
| 1252 |
<rect width={17} height={2} x={55} y={58.505} fill="#58707F" rx={1} /> |
| 1253 |
<rect width={11} height={2} x={55} y={62.505} fill="#58707F" rx={1} /> |
| 1254 |
</svg> |
| 1255 |
); |
| 1256 |
export const PostListTwoLayoutFive = ({ value }) => ( |
| 1257 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 1258 |
<path |
| 1259 |
fill="#fff" |
| 1260 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1261 |
/> |
| 1262 |
<path |
| 1263 |
stroke={value === "sp-smart-post-list-two-layout-five" ? "#458DD7" : "#8796A1"} |
| 1264 |
strokeWidth={1.2} |
| 1265 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1266 |
/> |
| 1267 |
<rect width={66} height={28} x={6} y={7.505} fill="#58707F" rx={1} /> |
| 1268 |
<rect width={59} height={2} x={6} y={40.505} fill="#58707F" rx={1} /> |
| 1269 |
<rect width={30} height={2} x={6} y={44.505} fill="#58707F" rx={1} /> |
| 1270 |
<rect width={59} height={2} x={6} y={49.505} fill="#58707F" rx={1} /> |
| 1271 |
<rect width={30} height={2} x={6} y={53.505} fill="#58707F" rx={1} /> |
| 1272 |
<rect width={59} height={2} x={6} y={58.505} fill="#58707F" rx={1} /> |
| 1273 |
<rect width={30} height={2} x={6} y={62.505} fill="#58707F" rx={1} /> |
| 1274 |
<rect width={52} height={3} x={9} y={17.005} fill="#fff" rx={1.5} /> |
| 1275 |
<rect width={28} height={2} x={9} y={23.005} fill="#fff" rx={1} /> |
| 1276 |
</svg> |
| 1277 |
); |
| 1278 |
export const PostListTwoLayoutSix = ({ value }) => ( |
| 1279 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 1280 |
<path |
| 1281 |
fill="#fff" |
| 1282 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1283 |
/> |
| 1284 |
<path |
| 1285 |
stroke={value === "sp-smart-post-list-two-layout-six" ? "#458DD7" : "#8796A1"} |
| 1286 |
strokeWidth={1.2} |
| 1287 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1288 |
/> |
| 1289 |
<rect width={66} height={32} x={6} y={5.505} fill="#58707F" rx={1} /> |
| 1290 |
<rect width={53} height={3} x={10} y={17.505} fill="#fff" rx={1.5} /> |
| 1291 |
<rect width={28} height={2} x={10} y={23.505} fill="#fff" rx={1} /> |
| 1292 |
<rect width={30} height={2} x={6} y={42.505} fill="#58707F" rx={1} /> |
| 1293 |
<rect width={19} height={2} x={6} y={46.505} fill="#58707F" rx={1} /> |
| 1294 |
<rect width={30} height={2} x={42} y={42.505} fill="#58707F" rx={1} /> |
| 1295 |
<rect width={19} height={2} x={42} y={46.505} fill="#58707F" rx={1} /> |
| 1296 |
<rect width={30} height={2} x={6} y={51.505} fill="#58707F" rx={1} /> |
| 1297 |
<rect width={19} height={2} x={6} y={55.505} fill="#58707F" rx={1} /> |
| 1298 |
<rect width={30} height={2} x={42} y={51.505} fill="#58707F" rx={1} /> |
| 1299 |
<rect width={19} height={2} x={42} y={55.505} fill="#58707F" rx={1} /> |
| 1300 |
<rect width={30} height={2} x={6} y={60.505} fill="#58707F" rx={1} /> |
| 1301 |
<rect width={19} height={2} x={6} y={64.505} fill="#58707F" rx={1} /> |
| 1302 |
<rect width={30} height={2} x={42} y={60.505} fill="#58707F" rx={1} /> |
| 1303 |
<rect width={19} height={2} x={42} y={64.505} fill="#58707F" rx={1} /> |
| 1304 |
</svg> |
| 1305 |
); |
| 1306 |
export const PostListTwoLayoutSeven = ({ value }) => ( |
| 1307 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 1308 |
<path |
| 1309 |
fill="#fff" |
| 1310 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1311 |
/> |
| 1312 |
<path |
| 1313 |
stroke={value === "sp-smart-post-list-two-layout-seven" ? "#458DD7" : "#8796A1"} |
| 1314 |
strokeWidth={1.2} |
| 1315 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1316 |
/> |
| 1317 |
<rect width={66} height={28} x={6} y={7.005} fill="#58707F" rx={1} /> |
| 1318 |
<rect width={54} height={3} x={6} y={38.005} fill="#58707F" rx={1} /> |
| 1319 |
<rect width={30} height={2} x={6} y={43.005} fill="#58707F" rx={1} /> |
| 1320 |
<rect width={60} height={2} x={6} y={50.005} fill="#58707F" rx={1} /> |
| 1321 |
<rect width={30} height={2} x={6} y={54.005} fill="#58707F" rx={1} /> |
| 1322 |
<rect width={60} height={2} x={6} y={59.005} fill="#58707F" rx={1} /> |
| 1323 |
<rect width={30} height={2} x={6} y={63.005} fill="#58707F" rx={1} /> |
| 1324 |
</svg> |
| 1325 |
); |
| 1326 |
export const PostListTwoLayoutEight = ({ value }) => ( |
| 1327 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 1328 |
<path |
| 1329 |
fill="#fff" |
| 1330 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1331 |
/> |
| 1332 |
<path |
| 1333 |
stroke={value === "sp-smart-post-list-two-layout-eight" ? "#458DD7" : "#8796A1"} |
| 1334 |
strokeWidth={1.2} |
| 1335 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1336 |
/> |
| 1337 |
<rect width={66} height={26} x={6} y={7.505} fill="#58707F" rx={1} /> |
| 1338 |
<rect width={57} height={3} x={6} y={36.505} fill="#58707F" rx={1.5} /> |
| 1339 |
<rect width={32} height={2} x={6} y={41.505} fill="#58707F" rx={1} /> |
| 1340 |
<rect width={30} height={2} x={6} y={48.505} fill="#58707F" rx={1} /> |
| 1341 |
<rect width={16} height={2} x={6} y={52.505} fill="#58707F" rx={1} /> |
| 1342 |
<rect width={30} height={2} x={41} y={48.505} fill="#58707F" rx={1} /> |
| 1343 |
<rect width={16} height={2} x={41} y={52.505} fill="#58707F" rx={1} /> |
| 1344 |
<rect width={30} height={2} x={6} y={58.505} fill="#58707F" rx={1} /> |
| 1345 |
<rect width={16} height={2} x={6} y={62.505} fill="#58707F" rx={1} /> |
| 1346 |
<rect width={30} height={2} x={41} y={58.505} fill="#58707F" rx={1} /> |
| 1347 |
<rect width={16} height={2} x={41} y={62.505} fill="#58707F" rx={1} /> |
| 1348 |
</svg> |
| 1349 |
); |
| 1350 |
// Post list three layout icon |
| 1351 |
export const PostListThreeLayoutOne = ({ value }) => ( |
| 1352 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 1353 |
<path |
| 1354 |
fill="#fff" |
| 1355 |
d="M6 .75h66c1.435 0 2.436.002 3.191.104.642.086 1.02.234 1.29.456l.11.1c.277.276.457.665.556 1.399.101.755.103 1.756.103 3.191v60c0 1.435-.002 2.436-.103 3.191-.087.642-.235 1.02-.457 1.29l-.1.11c-.276.277-.665.457-1.399.556-.755.101-1.756.103-3.191.103H6c-1.435 0-2.436-.002-3.191-.103-.642-.087-1.02-.235-1.29-.457l-.11-.1c-.277-.276-.457-.665-.555-1.399C.752 68.436.75 67.435.75 66V6c0-1.435.002-2.436.104-3.191.098-.734.278-1.123.555-1.4.277-.277.666-.457 1.4-.555C3.564.752 4.565.75 6 .75Z" |
| 1356 |
/> |
| 1357 |
<path |
| 1358 |
stroke={value === "sp-smart-post-list-three-layout-one" ? "#458DD7" : "#8796A1"} |
| 1359 |
strokeWidth={1.5} |
| 1360 |
d="M6 .75h66c1.435 0 2.436.002 3.191.104.642.086 1.02.234 1.29.456l.11.1c.277.276.457.665.556 1.399.101.755.103 1.756.103 3.191v60c0 1.435-.002 2.436-.103 3.191-.087.642-.235 1.02-.457 1.29l-.1.11c-.276.277-.665.457-1.399.556-.755.101-1.756.103-3.191.103H6c-1.435 0-2.436-.002-3.191-.103-.642-.087-1.02-.235-1.29-.457l-.11-.1c-.277-.276-.457-.665-.555-1.399C.752 68.436.75 67.435.75 66V6c0-1.435.002-2.436.104-3.191.098-.734.278-1.123.555-1.4.277-.277.666-.457 1.4-.555C3.564.752 4.565.75 6 .75Z" |
| 1361 |
/> |
| 1362 |
<rect width={31.5} height={20} x={6} y={4.88} fill="#58707F" rx={1} /> |
| 1363 |
<rect width={31.5} height={2.5} x={6} y={26.88} fill="#58707F" rx={1.25} /> |
| 1364 |
<rect width={8} height={1.25} x={6} y={30.88} fill="#58707F" rx={0.625} /> |
| 1365 |
<rect width={8} height={1.25} x={16} y={30.88} fill="#58707F" rx={0.625} /> |
| 1366 |
<rect width={8} height={1.25} x={26} y={30.88} fill="#58707F" rx={0.625} /> |
| 1367 |
<rect width={28.5} height={2} x={6} y={34.63} fill="#58707F" rx={1} /> |
| 1368 |
<rect width={22} height={2} x={6} y={38.13} fill="#58707F" rx={1} /> |
| 1369 |
<rect width={31.5} height={20} x={40.5} y={4.88} fill="#58707F" rx={1} /> |
| 1370 |
<rect width={31.5} height={2.5} x={40.5} y={26.88} fill="#58707F" rx={1.25} /> |
| 1371 |
<rect width={8} height={1.25} x={40.5} y={30.88} fill="#58707F" rx={0.625} /> |
| 1372 |
<rect width={8} height={1.25} x={50.5} y={30.88} fill="#58707F" rx={0.625} /> |
| 1373 |
<rect width={8} height={1.25} x={60.5} y={30.88} fill="#58707F" rx={0.625} /> |
| 1374 |
<rect width={28.5} height={2} x={40.5} y={34.63} fill="#58707F" rx={1} /> |
| 1375 |
<rect width={22} height={2} x={40.5} y={38.13} fill="#58707F" rx={1} /> |
| 1376 |
<rect width={12} height={10} x={6} y={44.13} fill="#58707F" rx={1} /> |
| 1377 |
<rect width={17} height={2} x={20} y={46.13} fill="#58707F" rx={1} /> |
| 1378 |
<rect width={11} height={2} x={20} y={50.13} fill="#58707F" rx={1} /> |
| 1379 |
<rect width={12} height={10} x={41} y={44.13} fill="#58707F" rx={1} /> |
| 1380 |
<rect width={17} height={2} x={55} y={46.13} fill="#58707F" rx={1} /> |
| 1381 |
<rect width={11} height={2} x={55} y={50.13} fill="#58707F" rx={1} /> |
| 1382 |
<rect width={12} height={10} x={6} y={57.13} fill="#58707F" rx={1} /> |
| 1383 |
<rect width={17} height={2} x={20} y={59.13} fill="#58707F" rx={1} /> |
| 1384 |
<rect width={11} height={2} x={20} y={63.13} fill="#58707F" rx={1} /> |
| 1385 |
<rect width={12} height={10} x={41} y={57.13} fill="#58707F" rx={1} /> |
| 1386 |
<rect width={17} height={2} x={55} y={59.13} fill="#58707F" rx={1} /> |
| 1387 |
<rect width={11} height={2} x={55} y={63.13} fill="#58707F" rx={1} /> |
| 1388 |
</svg> |
| 1389 |
); |
| 1390 |
export const PostListThreeLayoutTwo = ({ value }) => ( |
| 1391 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 1392 |
<path |
| 1393 |
fill="#fff" |
| 1394 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1395 |
/> |
| 1396 |
<path |
| 1397 |
stroke={value === "sp-smart-post-list-three-layout-two" ? "#458DD7" : "#8796A1"} |
| 1398 |
strokeWidth={1.2} |
| 1399 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1400 |
/> |
| 1401 |
<rect width={31.5} height={20} x={6} y={7.38} fill="#58707F" rx={1} /> |
| 1402 |
<rect width={31.5} height={2.5} x={6} y={29.38} fill="#58707F" rx={1.25} /> |
| 1403 |
<rect width={8} height={1.25} x={6} y={33.38} fill="#58707F" rx={0.625} /> |
| 1404 |
<rect width={8} height={1.25} x={16} y={33.38} fill="#58707F" rx={0.625} /> |
| 1405 |
<rect width={8} height={1.25} x={26} y={33.38} fill="#58707F" rx={0.625} /> |
| 1406 |
<rect width={28.5} height={2} x={6} y={37.13} fill="#58707F" rx={1} /> |
| 1407 |
<rect width={22} height={2} x={6} y={40.63} fill="#58707F" rx={1} /> |
| 1408 |
<rect width={31.5} height={20} x={40.5} y={7.38} fill="#58707F" rx={1} /> |
| 1409 |
<rect width={31.5} height={2.5} x={40.5} y={29.38} fill="#58707F" rx={1.25} /> |
| 1410 |
<rect width={8} height={1.25} x={40.5} y={33.38} fill="#58707F" rx={0.625} /> |
| 1411 |
<rect width={8} height={1.25} x={50.5} y={33.38} fill="#58707F" rx={0.625} /> |
| 1412 |
<rect width={8} height={1.25} x={60.5} y={33.38} fill="#58707F" rx={0.625} /> |
| 1413 |
<rect width={28.5} height={2} x={40.5} y={37.13} fill="#58707F" rx={1} /> |
| 1414 |
<rect width={22} height={2} x={40.5} y={40.63} fill="#58707F" rx={1} /> |
| 1415 |
<rect width={28} height={2} x={9} y={48.63} fill="#58707F" rx={1} /> |
| 1416 |
<rect width={11} height={2} x={9} y={52.63} fill="#58707F" rx={1} /> |
| 1417 |
<path |
| 1418 |
fill="#58707F" |
| 1419 |
d="M7.795 49.534a.127.127 0 0 1 0 .192L6.21 51.1a.127.127 0 0 1-.21-.096v-2.746c0-.108.128-.167.21-.096l1.585 1.373Z" |
| 1420 |
/> |
| 1421 |
<rect width={28} height={2} x={44} y={48.63} fill="#58707F" rx={1} /> |
| 1422 |
<rect width={11} height={2} x={44} y={52.63} fill="#58707F" rx={1} /> |
| 1423 |
<path |
| 1424 |
fill="#58707F" |
| 1425 |
d="M42.795 49.534a.127.127 0 0 1 0 .192L41.21 51.1a.127.127 0 0 1-.21-.096v-2.746c0-.108.128-.167.21-.096l1.585 1.373Z" |
| 1426 |
/> |
| 1427 |
<rect width={28} height={2} x={9} y={58.63} fill="#58707F" rx={1} /> |
| 1428 |
<rect width={11} height={2} x={9} y={62.63} fill="#58707F" rx={1} /> |
| 1429 |
<path |
| 1430 |
fill="#58707F" |
| 1431 |
d="M7.795 59.534a.127.127 0 0 1 0 .192L6.21 61.1a.127.127 0 0 1-.21-.096v-2.746c0-.108.128-.167.21-.096l1.585 1.373Z" |
| 1432 |
/> |
| 1433 |
<rect width={28} height={2} x={44} y={58.63} fill="#58707F" rx={1} /> |
| 1434 |
<rect width={11} height={2} x={44} y={62.63} fill="#58707F" rx={1} /> |
| 1435 |
<path |
| 1436 |
fill="#58707F" |
| 1437 |
d="M42.795 59.534a.127.127 0 0 1 0 .192L41.21 61.1a.127.127 0 0 1-.21-.096v-2.746c0-.108.128-.167.21-.096l1.585 1.373Z" |
| 1438 |
/> |
| 1439 |
</svg> |
| 1440 |
); |
| 1441 |
export const PostListThreeLayoutThree = ({ value }) => ( |
| 1442 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 1443 |
<path |
| 1444 |
fill="#fff" |
| 1445 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1446 |
/> |
| 1447 |
<path |
| 1448 |
stroke={value === "sp-smart-post-list-three-layout-three" ? "#458DD7" : "#8796A1"} |
| 1449 |
strokeWidth={1.2} |
| 1450 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1451 |
/> |
| 1452 |
<rect width={31.5} height={24} x={6} y={7.005} fill="#58707F" rx={1} /> |
| 1453 |
<rect width={22.5} height={2.5} x={9} y={23.005} fill="#fff" rx={1.25} /> |
| 1454 |
<rect width={8} height={1.25} x={9} y={27.005} fill="#fff" rx={0.625} /> |
| 1455 |
<rect width={8} height={1.25} x={19} y={27.005} fill="#fff" rx={0.625} /> |
| 1456 |
<rect width={31.5} height={24} x={40.5} y={7.005} fill="#58707F" rx={1} /> |
| 1457 |
<rect width={22.5} height={2.5} x={43.5} y={23.005} fill="#fff" rx={1.25} /> |
| 1458 |
<rect width={8} height={1.25} x={43.5} y={27.005} fill="#fff" rx={0.625} /> |
| 1459 |
<rect width={8} height={1.25} x={53.5} y={27.005} fill="#fff" rx={0.625} /> |
| 1460 |
<rect width={12} height={8} x={6} y={35.005} fill="#58707F" rx={1} /> |
| 1461 |
<rect width={17} height={2} x={20} y={36.005} fill="#58707F" rx={1} /> |
| 1462 |
<rect width={11} height={2} x={20} y={40.005} fill="#58707F" rx={1} /> |
| 1463 |
<rect width={12} height={8} x={41} y={35.005} fill="#58707F" rx={1} /> |
| 1464 |
<rect width={17} height={2} x={55} y={36.005} fill="#58707F" rx={1} /> |
| 1465 |
<rect width={11} height={2} x={55} y={40.005} fill="#58707F" rx={1} /> |
| 1466 |
<rect width={12} height={8} x={6} y={46.005} fill="#58707F" rx={1} /> |
| 1467 |
<rect width={17} height={2} x={20} y={47.005} fill="#58707F" rx={1} /> |
| 1468 |
<rect width={11} height={2} x={20} y={51.005} fill="#58707F" rx={1} /> |
| 1469 |
<rect width={12} height={8} x={41} y={46.005} fill="#58707F" rx={1} /> |
| 1470 |
<rect width={17} height={2} x={55} y={47.005} fill="#58707F" rx={1} /> |
| 1471 |
<rect width={11} height={2} x={55} y={51.005} fill="#58707F" rx={1} /> |
| 1472 |
<rect width={12} height={8} x={6} y={57.005} fill="#58707F" rx={1} /> |
| 1473 |
<rect width={17} height={2} x={20} y={58.005} fill="#58707F" rx={1} /> |
| 1474 |
<rect width={11} height={2} x={20} y={62.005} fill="#58707F" rx={1} /> |
| 1475 |
<rect width={12} height={8} x={41} y={57.005} fill="#58707F" rx={1} /> |
| 1476 |
<rect width={17} height={2} x={55} y={58.005} fill="#58707F" rx={1} /> |
| 1477 |
<rect width={11} height={2} x={55} y={62.005} fill="#58707F" rx={1} /> |
| 1478 |
</svg> |
| 1479 |
); |
| 1480 |
export const PostListThreeLayoutFour = ({ value }) => ( |
| 1481 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 1482 |
<path |
| 1483 |
fill="#fff" |
| 1484 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1485 |
/> |
| 1486 |
<path |
| 1487 |
stroke={value === "sp-smart-post-list-three-layout-four" ? "#458DD7" : "#8796A1"} |
| 1488 |
strokeWidth={1.2} |
| 1489 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1490 |
/> |
| 1491 |
<rect width={31.5} height={24} x={6} y={8.505} fill="#58707F" rx={1} /> |
| 1492 |
<rect width={22.5} height={2.5} x={9} y={24.505} fill="#fff" rx={1.25} /> |
| 1493 |
<rect width={8} height={1.25} x={9} y={28.505} fill="#fff" rx={0.625} /> |
| 1494 |
<rect width={8} height={1.25} x={19} y={28.505} fill="#fff" rx={0.625} /> |
| 1495 |
<rect width={31.5} height={24} x={40.5} y={8.505} fill="#58707F" rx={1} /> |
| 1496 |
<rect width={22.5} height={2.5} x={43.5} y={24.505} fill="#fff" rx={1.25} /> |
| 1497 |
<rect width={8} height={1.25} x={43.5} y={28.505} fill="#fff" rx={0.625} /> |
| 1498 |
<rect width={8} height={1.25} x={53.5} y={28.505} fill="#fff" rx={0.625} /> |
| 1499 |
<rect width={28} height={2} x={9} y={37.505} fill="#58707F" rx={1} /> |
| 1500 |
<rect width={11} height={2} x={9} y={41.505} fill="#58707F" rx={1} /> |
| 1501 |
<path |
| 1502 |
fill="#58707F" |
| 1503 |
d="M7.795 38.409a.127.127 0 0 1 0 .192L6.21 39.974a.127.127 0 0 1-.21-.096v-2.746c0-.108.128-.167.21-.096l1.585 1.373Z" |
| 1504 |
/> |
| 1505 |
<rect width={28} height={2} x={44} y={37.505} fill="#58707F" rx={1} /> |
| 1506 |
<rect width={11} height={2} x={44} y={41.505} fill="#58707F" rx={1} /> |
| 1507 |
<path |
| 1508 |
fill="#58707F" |
| 1509 |
d="M42.795 38.409a.127.127 0 0 1 0 .192l-1.585 1.373a.127.127 0 0 1-.21-.096v-2.746c0-.108.128-.167.21-.096l1.585 1.373Z" |
| 1510 |
/> |
| 1511 |
<rect width={28} height={2} x={9} y={47.505} fill="#58707F" rx={1} /> |
| 1512 |
<rect width={11} height={2} x={9} y={51.505} fill="#58707F" rx={1} /> |
| 1513 |
<path |
| 1514 |
fill="#58707F" |
| 1515 |
d="M7.795 48.409a.127.127 0 0 1 0 .192L6.21 49.974a.127.127 0 0 1-.21-.096v-2.746c0-.108.128-.167.21-.096l1.585 1.373Z" |
| 1516 |
/> |
| 1517 |
<rect width={28} height={2} x={44} y={47.505} fill="#58707F" rx={1} /> |
| 1518 |
<rect width={11} height={2} x={44} y={51.505} fill="#58707F" rx={1} /> |
| 1519 |
<path |
| 1520 |
fill="#58707F" |
| 1521 |
d="M42.795 48.409a.127.127 0 0 1 0 .192l-1.585 1.373a.127.127 0 0 1-.21-.096v-2.746c0-.108.128-.167.21-.096l1.585 1.373Z" |
| 1522 |
/> |
| 1523 |
<rect width={28} height={2} x={9} y={57.505} fill="#58707F" rx={1} /> |
| 1524 |
<rect width={11} height={2} x={9} y={61.505} fill="#58707F" rx={1} /> |
| 1525 |
<path |
| 1526 |
fill="#58707F" |
| 1527 |
d="M7.795 58.409a.127.127 0 0 1 0 .192L6.21 59.974a.127.127 0 0 1-.21-.096v-2.746c0-.108.128-.167.21-.096l1.585 1.373Z" |
| 1528 |
/> |
| 1529 |
<rect width={28} height={2} x={44} y={57.505} fill="#58707F" rx={1} /> |
| 1530 |
<rect width={11} height={2} x={44} y={61.505} fill="#58707F" rx={1} /> |
| 1531 |
<path |
| 1532 |
fill="#58707F" |
| 1533 |
d="M42.795 58.409a.127.127 0 0 1 0 .192l-1.585 1.373a.127.127 0 0 1-.21-.096v-2.746c0-.108.128-.167.21-.096l1.585 1.373Z" |
| 1534 |
/> |
| 1535 |
</svg> |
| 1536 |
); |
| 1537 |
export const PostListThreeLayoutFive = ({ value }) => ( |
| 1538 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 1539 |
<path |
| 1540 |
fill="#fff" |
| 1541 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1542 |
/> |
| 1543 |
<path |
| 1544 |
stroke={value === "sp-smart-post-list-three-layout-five" ? "#458DD7" : "#8796A1"} |
| 1545 |
strokeWidth={1.2} |
| 1546 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1547 |
/> |
| 1548 |
<rect width={14.75} height={12} x={6} y={13.005} fill="#58707F" rx={1} /> |
| 1549 |
<rect width={14.75} height={2.5} x={22.75} y={14.505} fill="#58707F" rx={1.25} /> |
| 1550 |
<rect width={10} height={2} x={22.75} y={18.505} fill="#58707F" rx={1} /> |
| 1551 |
<rect width={6} height={1.5} x={22.75} y={22.005} fill="#58707F" rx={0.75} /> |
| 1552 |
<rect width={14.75} height={12} x={40.5} y={13.005} fill="#58707F" rx={1} /> |
| 1553 |
<rect width={14.75} height={2.5} x={57.25} y={14.505} fill="#58707F" rx={1.25} /> |
| 1554 |
<rect width={10} height={2} x={57.25} y={18.505} fill="#58707F" rx={1} /> |
| 1555 |
<rect width={6} height={1.5} x={57.25} y={22.005} fill="#58707F" rx={0.75} /> |
| 1556 |
<rect width={31} height={2} x={6} y={31.005} fill="#58707F" rx={1} /> |
| 1557 |
<rect width={11} height={2} x={6} y={35.005} fill="#58707F" rx={1} /> |
| 1558 |
<rect width={31} height={2} x={41} y={31.005} fill="#58707F" rx={1} /> |
| 1559 |
<rect width={11} height={2} x={41} y={35.005} fill="#58707F" rx={1} /> |
| 1560 |
<rect width={31} height={2} x={6} y={41.005} fill="#58707F" rx={1} /> |
| 1561 |
<rect width={11} height={2} x={6} y={45.005} fill="#58707F" rx={1} /> |
| 1562 |
<rect width={31} height={2} x={41} y={41.005} fill="#58707F" rx={1} /> |
| 1563 |
<rect width={11} height={2} x={41} y={45.005} fill="#58707F" rx={1} /> |
| 1564 |
<rect width={31} height={2} x={6} y={51.005} fill="#58707F" rx={1} /> |
| 1565 |
<rect width={11} height={2} x={6} y={55.005} fill="#58707F" rx={1} /> |
| 1566 |
<rect width={31} height={2} x={41} y={51.005} fill="#58707F" rx={1} /> |
| 1567 |
<rect width={11} height={2} x={41} y={55.005} fill="#58707F" rx={1} /> |
| 1568 |
</svg> |
| 1569 |
); |
| 1570 |
export const PostListThreeLayoutSix = ({ value }) => ( |
| 1571 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 1572 |
<path |
| 1573 |
fill="#fff" |
| 1574 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1575 |
/> |
| 1576 |
<path |
| 1577 |
stroke={value === "sp-smart-post-list-three-layout-six" ? "#458DD7" : "#8796A1"} |
| 1578 |
strokeWidth={1.2} |
| 1579 |
d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z" |
| 1580 |
/> |
| 1581 |
<rect width={14.75} height={12} x={6} y={5.005} fill="#58707F" rx={1} /> |
| 1582 |
<rect width={14.75} height={2.5} x={22.75} y={6.505} fill="#58707F" rx={1.25} /> |
| 1583 |
<rect width={10} height={2} x={22.75} y={10.505} fill="#58707F" rx={1} /> |
| 1584 |
<rect width={6} height={1.5} x={22.75} y={14.005} fill="#58707F" rx={0.75} /> |
| 1585 |
<rect width={14.75} height={12} x={40.5} y={5.005} fill="#58707F" rx={1} /> |
| 1586 |
<rect width={14.75} height={2.5} x={57.25} y={6.505} fill="#58707F" rx={1.25} /> |
| 1587 |
<rect width={10} height={2} x={57.25} y={10.505} fill="#58707F" rx={1} /> |
| 1588 |
<rect width={6} height={1.5} x={57.25} y={14.005} fill="#58707F" rx={0.75} /> |
| 1589 |
<rect width={14.75} height={12} x={6} y={21.005} fill="#58707F" rx={1} /> |
| 1590 |
<rect width={14.75} height={2.5} x={22.75} y={22.505} fill="#58707F" rx={1.25} /> |
| 1591 |
<rect width={10} height={2} x={22.75} y={26.505} fill="#58707F" rx={1} /> |
| 1592 |
<rect width={6} height={1.5} x={22.75} y={30.005} fill="#58707F" rx={0.75} /> |
| 1593 |
<rect width={14.75} height={12} x={40.5} y={21.005} fill="#58707F" rx={1} /> |
| 1594 |
<rect width={14.75} height={2.5} x={57.25} y={22.505} fill="#58707F" rx={1.25} /> |
| 1595 |
<rect width={10} height={2} x={57.25} y={26.505} fill="#58707F" rx={1} /> |
| 1596 |
<rect width={6} height={1.5} x={57.25} y={30.005} fill="#58707F" rx={0.75} /> |
| 1597 |
<rect width={31} height={2} x={6} y={39.005} fill="#58707F" rx={1} /> |
| 1598 |
<rect width={11} height={2} x={6} y={43.005} fill="#58707F" rx={1} /> |
| 1599 |
<rect width={31} height={2} x={41} y={39.005} fill="#58707F" rx={1} /> |
| 1600 |
<rect width={11} height={2} x={41} y={43.005} fill="#58707F" rx={1} /> |
| 1601 |
<rect width={31} height={2} x={6} y={49.005} fill="#58707F" rx={1} /> |
| 1602 |
<rect width={11} height={2} x={6} y={53.005} fill="#58707F" rx={1} /> |
| 1603 |
<rect width={31} height={2} x={41} y={49.005} fill="#58707F" rx={1} /> |
| 1604 |
<rect width={11} height={2} x={41} y={53.005} fill="#58707F" rx={1} /> |
| 1605 |
<rect width={31} height={2} x={6} y={59.005} fill="#58707F" rx={1} /> |
| 1606 |
<rect width={11} height={2} x={6} y={63.005} fill="#58707F" rx={1} /> |
| 1607 |
<rect width={31} height={2} x={41} y={59.005} fill="#58707F" rx={1} /> |
| 1608 |
<rect width={11} height={2} x={41} y={63.005} fill="#58707F" rx={1} /> |
| 1609 |
</svg> |
| 1610 |
); |
| 1611 |
//timeline one layouts icon |
| 1612 |
export const TimelineOneLayoutOne = ({ value }) => ( |
| 1613 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 1614 |
<rect width={76.5} height={70.5} x={0.75} y={0.75} fill="#fff" rx={2.25} /> |
| 1615 |
<rect |
| 1616 |
width={76.5} |
| 1617 |
height={70.5} |
| 1618 |
x={0.75} |
| 1619 |
y={0.75} |
| 1620 |
stroke={value === "timeline-one-layout-one" ? "#458DD7" : "#8796A1"} |
| 1621 |
strokeWidth={1.5} |
| 1622 |
rx={2.25} |
| 1623 |
/> |
| 1624 |
<path |
| 1625 |
fill="#58707F" |
| 1626 |
d="M41.875 60.832a.25.25 0 0 0 0 .433L46 63.646V58.45l-4.125 2.382ZM41.875 28.732a.25.25 0 0 0 0 .433L46 31.546V26.35l-4.125 2.382ZM5 8a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1v15H5V8Z" |
| 1627 |
/> |
| 1628 |
<path fill="#9EA9B2" d="M5 23h28v9a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-9Z" /> |
| 1629 |
<rect width={6} height={1} x={7} y={26.25} fill="#fff" rx={0.5} /> |
| 1630 |
<rect width={16} height={1.5} x={7} y={28.25} fill="#fff" rx={0.75} /> |
| 1631 |
<path fill="#58707F" d="M45 8a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1v15H45V8Z" /> |
| 1632 |
<path fill="#9EA9B2" d="M45 23h28v9a1 1 0 0 1-1 1H46a1 1 0 0 1-1-1v-9Z" /> |
| 1633 |
<rect width={6} height={1} x={47} y={26.25} fill="#fff" rx={0.5} /> |
| 1634 |
<rect width={16} height={1.5} x={47} y={28.25} fill="#fff" rx={0.75} /> |
| 1635 |
<path fill="#58707F" d="M5 40a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1v15H5V40Z" /> |
| 1636 |
<path fill="#9EA9B2" d="M5 55h28v9a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-9Z" /> |
| 1637 |
<rect width={6} height={1} x={7} y={58.25} fill="#fff" rx={0.5} /> |
| 1638 |
<rect width={16} height={1.5} x={7} y={60.25} fill="#fff" rx={0.75} /> |
| 1639 |
<path fill="#58707F" d="M45 40a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1v15H45V40Z" /> |
| 1640 |
<path fill="#9EA9B2" d="M45 55h28v9a1 1 0 0 1-1 1H46a1 1 0 0 1-1-1v-9Z" /> |
| 1641 |
<rect width={6} height={1} x={47} y={58.25} fill="#fff" rx={0.5} /> |
| 1642 |
<rect width={16} height={1.5} x={47} y={60.25} fill="#fff" rx={0.75} /> |
| 1643 |
<rect width={2} height={58} x={38} y={7} fill="#58707F" rx={1} /> |
| 1644 |
<rect width={3} height={3} x={37.5} y={10} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 1645 |
<rect width={3} height={3} x={37.5} y={41.5} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 1646 |
<rect width={3} height={3} x={37.5} y={59.5} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 1647 |
<rect width={3} height={3} x={37.5} y={27.5} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 1648 |
<path |
| 1649 |
fill="#58707F" |
| 1650 |
d="M36.125 11.332a.25.25 0 0 1 0 .433L32 14.146V8.95l4.125 2.382ZM36.125 42.832a.25.25 0 0 1 0 .433L32 45.646V40.45l4.125 2.382Z" |
| 1651 |
/> |
| 1652 |
{/* <g clipPath="url(#a)"> |
| 1653 |
<path |
| 1654 |
fill="#fff" |
| 1655 |
d="M67.028 5H67a6.03 6.03 0 0 0-4.817 2.422A5.951 5.951 0 0 0 61 11c0 1.146.324 2.26.938 3.221a6.017 6.017 0 0 0 2.434 2.174A5.942 5.942 0 0 0 67 17H67.028C70.32 16.983 73 14.292 73 11s-2.68-5.984-5.972-6Zm3.55 4.727-3.764 3.765a.857.857 0 0 1-1.22 0l-2.173-2.174a.865.865 0 0 1 .61-1.473c.23 0 .447.09.61.253l1.564 1.564 3.154-3.155a.857.857 0 0 1 .61-.252c.23 0 .448.09.61.253.163.163.253.38.253.61 0 .23-.09.446-.253.61Z" |
| 1656 |
/> |
| 1657 |
<path |
| 1658 |
fill="#fff" |
| 1659 |
d="m70.579 9.727-3.765 3.765a.857.857 0 0 1-1.22 0l-2.173-2.174a.865.865 0 0 1 .61-1.473c.23 0 .447.09.61.253l1.564 1.564 3.154-3.155a.857.857 0 0 1 .61-.252c.23 0 .448.09.61.253.163.163.253.38.253.61 0 .23-.09.446-.253.61Z" |
| 1660 |
/> |
| 1661 |
<path |
| 1662 |
fill="#1A74E4" |
| 1663 |
d="M67.028 5H67a6.03 6.03 0 0 0-4.817 2.422A5.951 5.951 0 0 0 61 11c0 1.146.324 2.26.938 3.221a6.017 6.017 0 0 0 2.434 2.174A5.942 5.942 0 0 0 67 17H67.028C70.32 16.983 73 14.292 73 11s-2.68-5.984-5.972-6Zm3.55 4.727-3.764 3.765a.857.857 0 0 1-1.22 0l-2.173-2.174a.865.865 0 0 1 .61-1.473c.23 0 .447.09.61.253l1.564 1.564 3.154-3.155a.857.857 0 0 1 .61-.252c.23 0 .448.09.61.253.163.163.253.38.253.61 0 .23-.09.447-.253.61Z" |
| 1664 |
/> |
| 1665 |
</g> */} |
| 1666 |
{/* <defs> |
| 1667 |
<clipPath id="a"> |
| 1668 |
<path fill="#fff" d="M61 5h12v12H61z" /> |
| 1669 |
</clipPath> |
| 1670 |
</defs> */} |
| 1671 |
</svg> |
| 1672 |
); |
| 1673 |
export const TimelineOneLayoutTwo = ({ value }) => ( |
| 1674 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 1675 |
<rect width={76.8} height={70.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 1676 |
<rect |
| 1677 |
width={76.8} |
| 1678 |
height={70.8} |
| 1679 |
x={0.6} |
| 1680 |
y={0.6} |
| 1681 |
stroke={value === "timeline-one-layout-two" ? "#458DD7" : "#8796A1"} |
| 1682 |
strokeWidth={1.2} |
| 1683 |
rx={2.4} |
| 1684 |
/> |
| 1685 |
<path |
| 1686 |
fill="#58707F" |
| 1687 |
d="M41.875 31.332a.25.25 0 0 0 0 .433L46 34.146V28.95l-4.125 2.382ZM5 8.5a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1v11H5v-11Z" |
| 1688 |
/> |
| 1689 |
<path fill="#9EA9B2" d="M5 19.5h28v6a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-6Z" /> |
| 1690 |
<rect width={6} height={1} x={7} y={21.25} fill="#fff" rx={0.5} /> |
| 1691 |
<rect width={16} height={1.5} x={7} y={23.25} fill="#fff" rx={0.75} /> |
| 1692 |
<path fill="#58707F" d="M45 27.5a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1v11H45v-11Z" /> |
| 1693 |
<path fill="#9EA9B2" d="M45 38.5h28v6a1 1 0 0 1-1 1H46a1 1 0 0 1-1-1v-6Z" /> |
| 1694 |
<rect width={6} height={1} x={47} y={40.25} fill="#fff" rx={0.5} /> |
| 1695 |
<rect width={16} height={1.5} x={47} y={42.25} fill="#fff" rx={0.75} /> |
| 1696 |
<path fill="#58707F" d="M5 46.5a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1v11H5v-11Z" /> |
| 1697 |
<path fill="#9EA9B2" d="M5 57.5h28v6a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-6Z" /> |
| 1698 |
<rect width={6} height={1} x={7} y={59.25} fill="#fff" rx={0.5} /> |
| 1699 |
<rect width={16} height={1.5} x={7} y={61.25} fill="#fff" rx={0.75} /> |
| 1700 |
<rect width={2} height={57} x={38} y={7.5} fill="#58707F" rx={1} /> |
| 1701 |
<rect width={3} height={3} x={37.5} y={11} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 1702 |
<rect width={3} height={3} x={37.5} y={49} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 1703 |
<rect width={3} height={3} x={37.5} y={30} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 1704 |
<path |
| 1705 |
fill="#58707F" |
| 1706 |
d="M36.125 12.332a.25.25 0 0 1 0 .433L32 15.146V9.95l4.125 2.382ZM36.125 50.332a.25.25 0 0 1 0 .433L32 53.146V47.95l4.125 2.382Z" |
| 1707 |
/> |
| 1708 |
</svg> |
| 1709 |
); |
| 1710 |
export const TimelineOneLayoutThree = ({ value }) => ( |
| 1711 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 1712 |
<rect width={76.8} height={70.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 1713 |
<rect |
| 1714 |
width={76.8} |
| 1715 |
height={70.8} |
| 1716 |
x={0.6} |
| 1717 |
y={0.6} |
| 1718 |
stroke={value === "timeline-one-layout-three" ? "#458DD7" : "#8796A1"} |
| 1719 |
strokeWidth={1.2} |
| 1720 |
rx={2.4} |
| 1721 |
/> |
| 1722 |
<path fill="#58707F" d="M5 9.5a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1v11H5v-11Z" /> |
| 1723 |
<path fill="#9EA9B2" d="M5 20.5h28v6a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-6Z" /> |
| 1724 |
<rect width={6} height={1} x={7} y={22.25} fill="#fff" rx={0.5} /> |
| 1725 |
<rect width={16} height={1.5} x={7} y={24.25} fill="#fff" rx={0.75} /> |
| 1726 |
<path fill="#58707F" d="M41.875 25.332a.25.25 0 0 0 0 .433L46 28.146V22.95l-4.125 2.382Z" /> |
| 1727 |
<path fill="#58707F" d="M45 21.5a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1v11H45v-11Z" /> |
| 1728 |
<path fill="#9EA9B2" d="M45 32.5h28v6a1 1 0 0 1-1 1H46a1 1 0 0 1-1-1v-6Z" /> |
| 1729 |
<rect width={6} height={1} x={47} y={34.25} fill="#fff" rx={0.5} /> |
| 1730 |
<rect width={16} height={1.5} x={47} y={36.25} fill="#fff" rx={0.75} /> |
| 1731 |
<path fill="#58707F" d="M41.875 49.332a.25.25 0 0 0 0 .433L46 52.146V46.95l-4.125 2.382Z" /> |
| 1732 |
<path fill="#58707F" d="M45 45.5a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1v11H45v-11Z" /> |
| 1733 |
<path fill="#9EA9B2" d="M45 56.5h28v6a1 1 0 0 1-1 1H46a1 1 0 0 1-1-1v-6Z" /> |
| 1734 |
<rect width={6} height={1} x={47} y={58.25} fill="#fff" rx={0.5} /> |
| 1735 |
<rect width={16} height={1.5} x={47} y={60.25} fill="#fff" rx={0.75} /> |
| 1736 |
<rect width={2} height={55} x={38} y={8.5} fill="#58707F" rx={1} /> |
| 1737 |
<rect width={3} height={3} x={37.5} y={12} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 1738 |
<rect width={3} height={3} x={37.5} y={36} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 1739 |
<rect width={3} height={3} x={37.5} y={24} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 1740 |
<rect width={3} height={3} x={37.5} y={48} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 1741 |
<path |
| 1742 |
fill="#58707F" |
| 1743 |
d="M36.125 13.332a.25.25 0 0 1 0 .433L32 16.146V10.95l4.125 2.382ZM5 33.5a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1v11H5v-11Z" |
| 1744 |
/> |
| 1745 |
<path fill="#9EA9B2" d="M5 44.5h28v6a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-6Z" /> |
| 1746 |
<rect width={6} height={1} x={7} y={46.25} fill="#fff" rx={0.5} /> |
| 1747 |
<rect width={16} height={1.5} x={7} y={48.25} fill="#fff" rx={0.75} /> |
| 1748 |
<path fill="#58707F" d="M36.125 37.332a.25.25 0 0 1 0 .433L32 40.146V34.95l4.125 2.382Z" /> |
| 1749 |
</svg> |
| 1750 |
); |
| 1751 |
export const TimelineOneLayoutFour = ({ value }) => ( |
| 1752 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 1753 |
<rect width={76.8} height={70.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 1754 |
<rect |
| 1755 |
width={76.8} |
| 1756 |
height={70.8} |
| 1757 |
x={0.6} |
| 1758 |
y={0.6} |
| 1759 |
stroke={value === "timeline-one-layout-four" ? "#458DD7" : "#8796A1"} |
| 1760 |
strokeWidth={1.2} |
| 1761 |
rx={2.4} |
| 1762 |
/> |
| 1763 |
<path fill="#58707F" d="M41.875 17.832a.25.25 0 0 0 0 .433L46 20.646V15.45l-4.125 2.382Z" /> |
| 1764 |
<path fill="#58707F" d="M45 14a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1v14H45V14Z" /> |
| 1765 |
<path fill="#9EA9B2" d="M45 28h28v8a1 1 0 0 1-1 1H46a1 1 0 0 1-1-1v-8Z" /> |
| 1766 |
<rect width={6} height={1} x={47} y={30.75} fill="#fff" rx={0.5} /> |
| 1767 |
<rect width={16} height={1.5} x={47} y={32.75} fill="#fff" rx={0.75} /> |
| 1768 |
<path fill="#58707F" d="M41.875 45.832a.25.25 0 0 0 0 .433L46 48.646V43.45l-4.125 2.382Z" /> |
| 1769 |
<path fill="#58707F" d="M45 42a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1v14H45V42Z" /> |
| 1770 |
<path fill="#9EA9B2" d="M45 56h28v8a1 1 0 0 1-1 1H46a1 1 0 0 1-1-1v-8Z" /> |
| 1771 |
<rect width={6} height={1} x={47} y={58.75} fill="#fff" rx={0.5} /> |
| 1772 |
<rect width={16} height={1.5} x={47} y={60.75} fill="#fff" rx={0.75} /> |
| 1773 |
<rect width={2} height={58} x={38} y={7} fill="#58707F" rx={1} /> |
| 1774 |
<rect width={3} height={3} x={37.5} y={10.5} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 1775 |
<rect width={3} height={3} x={37.5} y={38.5} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 1776 |
<rect width={3} height={3} x={37.5} y={16.5} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 1777 |
<rect width={3} height={3} x={37.5} y={44.5} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 1778 |
<path fill="#58707F" d="M5 8a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1v14H5V8Z" /> |
| 1779 |
<path fill="#9EA9B2" d="M5 22h28v8a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-8Z" /> |
| 1780 |
<rect width={6} height={1} x={7} y={24.75} fill="#fff" rx={0.5} /> |
| 1781 |
<rect width={16} height={1.5} x={7} y={26.75} fill="#fff" rx={0.75} /> |
| 1782 |
<path |
| 1783 |
fill="#58707F" |
| 1784 |
d="M36.125 11.832a.25.25 0 0 1 0 .433L32 14.646V9.45l4.125 2.382ZM5 36a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1v14H5V36Z" |
| 1785 |
/> |
| 1786 |
<path fill="#9EA9B2" d="M5 50h28v8a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-8Z" /> |
| 1787 |
<rect width={6} height={1} x={7} y={52.75} fill="#fff" rx={0.5} /> |
| 1788 |
<rect width={16} height={1.5} x={7} y={54.75} fill="#fff" rx={0.75} /> |
| 1789 |
<path fill="#58707F" d="M36.125 39.832a.25.25 0 0 1 0 .433L32 42.646V37.45l4.125 2.382Z" /> |
| 1790 |
</svg> |
| 1791 |
); |
| 1792 |
export const TimelineOneLayoutFive = ({ value }) => ( |
| 1793 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 1794 |
<rect width={76.8} height={70.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 1795 |
<rect |
| 1796 |
width={76.8} |
| 1797 |
height={70.8} |
| 1798 |
x={0.6} |
| 1799 |
y={0.6} |
| 1800 |
stroke={value === "timeline-one-layout-five" ? "#458DD7" : "#8796A1"} |
| 1801 |
strokeWidth={1.2} |
| 1802 |
rx={2.4} |
| 1803 |
/> |
| 1804 |
<path fill="#58707F" d="M20 49a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1v11H20V49Z" /> |
| 1805 |
<path fill="#9EA9B2" d="M20 60h28v6a1 1 0 0 1-1 1H21a1 1 0 0 1-1-1v-6Z" /> |
| 1806 |
<rect width={6} height={1} x={22} y={61.75} fill="#fff" rx={0.5} /> |
| 1807 |
<rect width={16} height={1.5} x={22} y={63.75} fill="#fff" rx={0.75} /> |
| 1808 |
<rect width={2} height={62} x={54} y={5} fill="#58707F" rx={1} /> |
| 1809 |
<rect width={3} height={3} x={53.5} y={8.5} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 1810 |
<rect width={3} height={3} x={53.5} y={51.45} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 1811 |
<rect width={3} height={3} x={53.5} y={30} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 1812 |
<path fill="#58707F" d="M20 6a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1v11H20V6Z" /> |
| 1813 |
<path fill="#9EA9B2" d="M20 17h28v6a1 1 0 0 1-1 1H21a1 1 0 0 1-1-1v-6Z" /> |
| 1814 |
<rect width={6} height={1} x={22} y={18.75} fill="#fff" rx={0.5} /> |
| 1815 |
<rect width={16} height={1.5} x={22} y={20.75} fill="#fff" rx={0.75} /> |
| 1816 |
<path |
| 1817 |
fill="#58707F" |
| 1818 |
d="M51.125 9.832a.25.25 0 0 1 0 .433L47 12.646V7.45l4.125 2.382ZM20 27.5a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1v11H20v-11Z" |
| 1819 |
/> |
| 1820 |
<path fill="#9EA9B2" d="M20 38.5h28v6a1 1 0 0 1-1 1H21a1 1 0 0 1-1-1v-6Z" /> |
| 1821 |
<rect width={6} height={1} x={22} y={40.25} fill="#fff" rx={0.5} /> |
| 1822 |
<rect width={16} height={1.5} x={22} y={42.25} fill="#fff" rx={0.75} /> |
| 1823 |
<path |
| 1824 |
fill="#58707F" |
| 1825 |
d="M51.125 31.332a.25.25 0 0 1 0 .433L47 34.146V28.95l4.125 2.382ZM51.125 52.832a.25.25 0 0 1 0 .433L47 55.646V50.45l4.125 2.382Z" |
| 1826 |
/> |
| 1827 |
</svg> |
| 1828 |
); |
| 1829 |
export const TimelineOneLayoutSix = ({ value }) => ( |
| 1830 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 1831 |
<rect width={76.8} height={70.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 1832 |
<rect |
| 1833 |
width={76.8} |
| 1834 |
height={70.8} |
| 1835 |
x={0.6} |
| 1836 |
y={0.6} |
| 1837 |
stroke={value === "timeline-one-layout-six" ? "#458DD7" : "#8796A1"} |
| 1838 |
strokeWidth={1.2} |
| 1839 |
rx={2.4} |
| 1840 |
/> |
| 1841 |
<path fill="#58707F" d="M58 49a1 1 0 0 0-1-1H31a1 1 0 0 0-1 1v11h28V49Z" /> |
| 1842 |
<path fill="#9EA9B2" d="M58 60H30v6a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1v-6Z" /> |
| 1843 |
<rect width={6} height={1} fill="#fff" rx={0.5} transform="matrix(-1 0 0 1 56 61.75)" /> |
| 1844 |
<rect width={16} height={1.5} fill="#fff" rx={0.75} transform="matrix(-1 0 0 1 56 63.75)" /> |
| 1845 |
<rect width={2} height={62} fill="#58707F" rx={1} transform="matrix(-1 0 0 1 24 5)" /> |
| 1846 |
<rect |
| 1847 |
width={3} |
| 1848 |
height={3} |
| 1849 |
x={-0.5} |
| 1850 |
y={0.5} |
| 1851 |
fill="#fff" |
| 1852 |
stroke="#58707F" |
| 1853 |
rx={1.5} |
| 1854 |
transform="matrix(-1 0 0 1 24 8)" |
| 1855 |
/> |
| 1856 |
<rect |
| 1857 |
width={3} |
| 1858 |
height={3} |
| 1859 |
x={-0.5} |
| 1860 |
y={0.5} |
| 1861 |
fill="#fff" |
| 1862 |
stroke="#58707F" |
| 1863 |
rx={1.5} |
| 1864 |
transform="matrix(-1 0 0 1 24 50.95)" |
| 1865 |
/> |
| 1866 |
<rect |
| 1867 |
width={3} |
| 1868 |
height={3} |
| 1869 |
x={-0.5} |
| 1870 |
y={0.5} |
| 1871 |
fill="#fff" |
| 1872 |
stroke="#58707F" |
| 1873 |
rx={1.5} |
| 1874 |
transform="matrix(-1 0 0 1 24 29.5)" |
| 1875 |
/> |
| 1876 |
<path fill="#58707F" d="M58 6a1 1 0 0 0-1-1H31a1 1 0 0 0-1 1v11h28V6Z" /> |
| 1877 |
<path fill="#9EA9B2" d="M58 17H30v6a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1v-6Z" /> |
| 1878 |
<rect width={6} height={1} fill="#fff" rx={0.5} transform="matrix(-1 0 0 1 56 18.75)" /> |
| 1879 |
<rect width={16} height={1.5} fill="#fff" rx={0.75} transform="matrix(-1 0 0 1 56 20.75)" /> |
| 1880 |
<path |
| 1881 |
fill="#58707F" |
| 1882 |
d="M26.875 9.832a.25.25 0 0 0 0 .433L31 12.646V7.45l-4.125 2.382ZM58 27.5a1 1 0 0 0-1-1H31a1 1 0 0 0-1 1v11h28v-11Z" |
| 1883 |
/> |
| 1884 |
<path fill="#9EA9B2" d="M58 38.5H30v6a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1v-6Z" /> |
| 1885 |
<rect width={6} height={1} fill="#fff" rx={0.5} transform="matrix(-1 0 0 1 56 40.25)" /> |
| 1886 |
<rect width={16} height={1.5} fill="#fff" rx={0.75} transform="matrix(-1 0 0 1 56 42.25)" /> |
| 1887 |
<path |
| 1888 |
fill="#58707F" |
| 1889 |
d="M26.875 31.332a.25.25 0 0 0 0 .433L31 34.146V28.95l-4.125 2.382ZM26.875 52.832a.25.25 0 0 0 0 .433L31 55.646V50.45l-4.125 2.382Z" |
| 1890 |
/> |
| 1891 |
</svg> |
| 1892 |
); |
| 1893 |
// timeline two layouts icon |
| 1894 |
export const TimelineTwoLayoutOne = ({ value }) => { |
| 1895 |
return ( |
| 1896 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 1897 |
<rect width={76.5} height={70.5} x={0.75} y={0.75} fill="#fff" rx={2.25} /> |
| 1898 |
<rect |
| 1899 |
width={76.5} |
| 1900 |
height={70.5} |
| 1901 |
x={0.75} |
| 1902 |
y={0.75} |
| 1903 |
stroke={value === "timeline-one-layout-one" ? "#458DD7" : "#8796A1"} |
| 1904 |
strokeWidth={1.5} |
| 1905 |
rx={2.25} |
| 1906 |
/> |
| 1907 |
<path |
| 1908 |
fill="#58707F" |
| 1909 |
d="M41.875 17.182a.25.25 0 0 0 0 .433L46 19.996V14.8l-4.125 2.382ZM41.875 39.182a.25.25 0 0 0 0 .433L46 41.996V36.8l-4.125 2.382ZM41.875 61.182a.25.25 0 0 0 0 .433L46 63.996V58.8l-4.125 2.382Z" |
| 1910 |
/> |
| 1911 |
<rect width={28} height={16} x={5} y={6} fill="#58707F" rx={1} /> |
| 1912 |
<rect width={6} height={1} x={7} y={16.25} fill="#fff" rx={0.5} /> |
| 1913 |
<rect width={16} height={1.5} x={7} y={18.25} fill="#fff" rx={0.75} /> |
| 1914 |
<rect width={28} height={16} x={45} y={6} fill="#58707F" rx={1} /> |
| 1915 |
<rect width={6} height={1} x={47} y={12.25} fill="#fff" rx={0.5} /> |
| 1916 |
<rect width={16} height={1.5} x={47} y={14.25} fill="#fff" rx={0.75} /> |
| 1917 |
<rect width={28} height={16} x={5} y={28} fill="#58707F" rx={1} /> |
| 1918 |
<rect width={6} height={1} x={7} y={34.25} fill="#fff" rx={0.5} /> |
| 1919 |
<rect width={16} height={1.5} x={7} y={36.25} fill="#fff" rx={0.75} /> |
| 1920 |
<rect width={28} height={16} x={45} y={28} fill="#58707F" rx={1} /> |
| 1921 |
<rect width={6} height={1} x={47} y={34.25} fill="#fff" rx={0.5} /> |
| 1922 |
<rect width={16} height={1.5} x={47} y={36.25} fill="#fff" rx={0.75} /> |
| 1923 |
<rect width={28} height={16} x={5} y={50} fill="#58707F" rx={1} /> |
| 1924 |
<rect width={6} height={1} x={7} y={56.25} fill="#fff" rx={0.5} /> |
| 1925 |
<rect width={16} height={1.5} x={7} y={58.25} fill="#fff" rx={0.75} /> |
| 1926 |
<rect width={28} height={16} x={45} y={50} fill="#58707F" rx={1} /> |
| 1927 |
<rect width={6} height={1} x={47} y={56.25} fill="#fff" rx={0.5} /> |
| 1928 |
<rect width={16} height={1.5} x={47} y={58.25} fill="#fff" rx={0.75} /> |
| 1929 |
<rect width={2} height={60} x={38} y={6} fill="#58707F" rx={1} /> |
| 1930 |
<rect width={3} height={3} x={37.5} y={9.1} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 1931 |
<rect width={3} height={3} x={37.5} y={31.05} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 1932 |
<rect width={3} height={3} x={37.5} y={53.05} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 1933 |
<rect width={3} height={3} x={37.5} y={15.92} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 1934 |
<rect width={3} height={3} x={37.5} y={37.92} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 1935 |
<rect width={3} height={3} x={37.5} y={59.92} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 1936 |
<path |
| 1937 |
fill="#58707F" |
| 1938 |
d="M36.125 10.382a.25.25 0 0 1 0 .433L32 13.196V8l4.125 2.382ZM36.125 32.382a.25.25 0 0 1 0 .433L32 35.196V30l4.125 2.382ZM36.125 54.382a.25.25 0 0 1 0 .433L32 57.196V52l4.125 2.382Z" |
| 1939 |
/> |
| 1940 |
<g clipPath="url(#a)"> |
| 1941 |
<path |
| 1942 |
fill="#fff" |
| 1943 |
d="M67.028 5H67a6.03 6.03 0 0 0-4.817 2.422A5.951 5.951 0 0 0 61 11c0 1.146.324 2.26.938 3.221a6.017 6.017 0 0 0 2.434 2.174A5.942 5.942 0 0 0 67 17H67.028C70.32 16.984 73 14.292 73 11s-2.68-5.984-5.972-6Zm3.55 4.727-3.764 3.765a.857.857 0 0 1-1.22 0l-2.173-2.174a.865.865 0 0 1 .61-1.473c.23 0 .447.09.61.253l1.564 1.564 3.154-3.154a.857.857 0 0 1 .61-.253c.23 0 .448.09.61.253.163.163.253.38.253.61 0 .23-.09.447-.253.61Z" |
| 1944 |
/> |
| 1945 |
<path |
| 1946 |
fill="#fff" |
| 1947 |
d="m70.579 9.727-3.765 3.765a.857.857 0 0 1-1.22 0l-2.173-2.174a.865.865 0 0 1 .61-1.473c.23 0 .447.09.61.253l1.564 1.564 3.154-3.154a.857.857 0 0 1 .61-.253c.23 0 .448.09.61.253.163.163.253.38.253.61 0 .23-.09.447-.253.61Z" |
| 1948 |
/> |
| 1949 |
<path |
| 1950 |
fill="#1A74E4" |
| 1951 |
d="M67.028 5H67a6.03 6.03 0 0 0-4.817 2.422A5.951 5.951 0 0 0 61 11c0 1.146.324 2.26.938 3.221a6.017 6.017 0 0 0 2.434 2.174A5.942 5.942 0 0 0 67 17H67.028C70.32 16.984 73 14.292 73 11s-2.68-5.984-5.972-6Zm3.55 4.727-3.764 3.765a.857.857 0 0 1-1.22 0l-2.173-2.174a.865.865 0 0 1 .61-1.473c.23 0 .447.09.61.253l1.564 1.564 3.154-3.154a.857.857 0 0 1 .61-.253c.23 0 .448.09.61.253.163.163.253.38.253.61 0 .23-.09.447-.253.61Z" |
| 1952 |
/> |
| 1953 |
</g> |
| 1954 |
</svg> |
| 1955 |
); |
| 1956 |
}; |
| 1957 |
export const TimelineTwoLayoutTwo = ({ value }) => { |
| 1958 |
return ( |
| 1959 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 1960 |
<rect width={76.8} height={70.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 1961 |
<rect |
| 1962 |
width={76.8} |
| 1963 |
height={70.8} |
| 1964 |
x={0.6} |
| 1965 |
y={0.6} |
| 1966 |
stroke={value === "timeline-one-layout-two" ? "#458DD7" : "#8796A1"} |
| 1967 |
strokeWidth={1.2} |
| 1968 |
rx={2.4} |
| 1969 |
/> |
| 1970 |
<path |
| 1971 |
fill="#58707F" |
| 1972 |
d="M41.875 25.382a.25.25 0 0 0 0 .433L46 28.196V23l-4.125 2.382ZM41.875 55.382a.25.25 0 0 0 0 .433L46 58.196V53l-4.125 2.382Z" |
| 1973 |
/> |
| 1974 |
<rect width={28} height={15} x={5} y={6} fill="#58707F" rx={1} /> |
| 1975 |
<rect width={6} height={1} x={7} y={15.25} fill="#fff" rx={0.5} /> |
| 1976 |
<rect width={16} height={1.5} x={7} y={17.25} fill="#fff" rx={0.75} /> |
| 1977 |
<rect width={28} height={15} x={5} y={6} fill="#58707F" rx={1} /> |
| 1978 |
<rect width={6} height={1} x={7} y={15} fill="#fff" rx={0.5} /> |
| 1979 |
<rect width={16} height={1.5} x={7} y={17} fill="#fff" rx={0.75} /> |
| 1980 |
<rect width={28} height={15} x={45} y={21} fill="#58707F" rx={1} /> |
| 1981 |
<rect width={6} height={1} x={47} y={30} fill="#fff" rx={0.5} /> |
| 1982 |
<rect width={16} height={1.5} x={47} y={32} fill="#fff" rx={0.75} /> |
| 1983 |
<rect width={28} height={15} x={5} y={36} fill="#58707F" rx={1} /> |
| 1984 |
<rect width={6} height={1} x={7} y={45} fill="#fff" rx={0.5} /> |
| 1985 |
<rect width={16} height={1.5} x={7} y={47} fill="#fff" rx={0.75} /> |
| 1986 |
<rect width={28} height={15} x={45} y={51} fill="#58707F" rx={1} /> |
| 1987 |
<rect width={6} height={1} x={47} y={60} fill="#fff" rx={0.5} /> |
| 1988 |
<rect width={16} height={1.5} x={47} y={62} fill="#fff" rx={0.75} /> |
| 1989 |
<rect width={2} height={60} x={38} y={6} fill="#58707F" rx={1} /> |
| 1990 |
<rect width={3} height={3} x={37.5} y={9.05} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 1991 |
<rect width={3} height={3} x={37.5} y={39.05} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 1992 |
<rect width={3} height={3} x={37.5} y={24.05} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 1993 |
<rect width={3} height={3} x={37.5} y={54.05} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 1994 |
<path |
| 1995 |
fill="#58707F" |
| 1996 |
d="M36.125 10.382a.25.25 0 0 1 0 .433L32 13.196V8l4.125 2.382ZM36.125 40.382a.25.25 0 0 1 0 .433L32 43.196V38l4.125 2.382Z" |
| 1997 |
/> |
| 1998 |
</svg> |
| 1999 |
); |
| 2000 |
}; |
| 2001 |
export const TimelineTwoLayoutThree = ({ value }) => { |
| 2002 |
return ( |
| 2003 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 2004 |
<rect width={76.8} height={70.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 2005 |
<rect |
| 2006 |
width={76.8} |
| 2007 |
height={70.8} |
| 2008 |
x={0.6} |
| 2009 |
y={0.6} |
| 2010 |
stroke={value === "timeline-one-layout-three" ? "#458DD7" : "#8796A1"} |
| 2011 |
strokeWidth={1.2} |
| 2012 |
rx={2.4} |
| 2013 |
/> |
| 2014 |
<rect width={2} height={52.45} x={38} y={9.725} fill="#58707F" rx={1} /> |
| 2015 |
<path fill="#58707F" d="M41.875 25.557a.25.25 0 0 0 0 .433L46 28.37v-5.196l-4.125 2.382Z" /> |
| 2016 |
<rect width={28} height={18} x={45} y={21.175} fill="#58707F" rx={1} /> |
| 2017 |
<rect width={6} height={1} x={47} y={33.175} fill="#fff" rx={0.5} /> |
| 2018 |
<rect width={16} height={1.5} x={47} y={35.175} fill="#fff" rx={0.75} /> |
| 2019 |
<rect width={3} height={3} x={37.5} y={24.225} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 2020 |
<path fill="#58707F" d="M41.875 48.557a.25.25 0 0 0 0 .433L46 51.37v-5.196l-4.125 2.382Z" /> |
| 2021 |
<rect width={28} height={18} x={45} y={44.175} fill="#58707F" rx={1} /> |
| 2022 |
<rect width={6} height={1} x={47} y={56.175} fill="#fff" rx={0.5} /> |
| 2023 |
<rect width={16} height={1.5} x={47} y={58.175} fill="#fff" rx={0.75} /> |
| 2024 |
<rect width={3} height={3} x={37.5} y={47.225} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 2025 |
<rect width={28} height={18} x={5} y={9.725} fill="#58707F" rx={1} /> |
| 2026 |
<rect width={6} height={1} x={7} y={21.725} fill="#fff" rx={0.5} /> |
| 2027 |
<rect width={16} height={1.5} x={7} y={23.725} fill="#fff" rx={0.75} /> |
| 2028 |
<rect width={3} height={3} x={37.5} y={12.775} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 2029 |
<path fill="#58707F" d="M36.125 14.107a.25.25 0 0 1 0 .433L32 16.92v-5.196l4.125 2.382Z" /> |
| 2030 |
<rect width={28} height={18} x={5} y={32.725} fill="#58707F" rx={1} /> |
| 2031 |
<rect width={6} height={1} x={7} y={44.725} fill="#fff" rx={0.5} /> |
| 2032 |
<rect width={16} height={1.5} x={7} y={46.725} fill="#fff" rx={0.75} /> |
| 2033 |
<rect width={3} height={3} x={37.5} y={35.775} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 2034 |
<path fill="#58707F" d="M36.125 37.107a.25.25 0 0 1 0 .433L32 39.92v-5.196l4.125 2.382Z" /> |
| 2035 |
</svg> |
| 2036 |
); |
| 2037 |
}; |
| 2038 |
export const TimelineTwoLayoutFour = ({ value }) => { |
| 2039 |
return ( |
| 2040 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 2041 |
<rect width={76.8} height={70.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 2042 |
<rect |
| 2043 |
width={76.8} |
| 2044 |
height={70.8} |
| 2045 |
x={0.6} |
| 2046 |
y={0.6} |
| 2047 |
stroke={value === "timeline-one-layout-four" ? "#458DD7" : "#8796A1"} |
| 2048 |
strokeWidth={1.2} |
| 2049 |
rx={2.4} |
| 2050 |
/> |
| 2051 |
<rect width={2} height={60.45} x={38} y={5.77} fill="#58707F" rx={1} /> |
| 2052 |
<path fill="#58707F" d="M41.875 16.602a.25.25 0 0 0 0 .433L46 19.416V14.22l-4.125 2.382Z" /> |
| 2053 |
<rect width={28} height={16} x={45} y={12.22} fill="#58707F" rx={1} /> |
| 2054 |
<rect width={6} height={1} x={47} y={22.22} fill="#fff" rx={0.5} /> |
| 2055 |
<rect width={16} height={1.5} x={47} y={24.22} fill="#fff" rx={0.75} /> |
| 2056 |
<rect width={3} height={3} x={37.5} y={15.27} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 2057 |
<path fill="#58707F" d="M41.875 35.602a.25.25 0 0 0 0 .433L46 38.416V33.22l-4.125 2.382Z" /> |
| 2058 |
<rect width={28} height={16} x={45} y={31.22} fill="#58707F" rx={1} /> |
| 2059 |
<rect width={6} height={1} x={47} y={41.22} fill="#fff" rx={0.5} /> |
| 2060 |
<rect width={16} height={1.5} x={47} y={43.22} fill="#fff" rx={0.75} /> |
| 2061 |
<rect width={3} height={3} x={37.5} y={34.27} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 2062 |
<path fill="#58707F" d="M41.875 54.602a.25.25 0 0 0 0 .433L46 57.416V52.22l-4.125 2.382Z" /> |
| 2063 |
<rect width={28} height={16} x={45} y={50.22} fill="#58707F" rx={1} /> |
| 2064 |
<rect width={6} height={1} x={47} y={60.22} fill="#fff" rx={0.5} /> |
| 2065 |
<rect width={16} height={1.5} x={47} y={62.22} fill="#fff" rx={0.75} /> |
| 2066 |
<rect width={3} height={3} x={37.5} y={53.27} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 2067 |
<rect width={28} height={16} x={5} y={5.77} fill="#58707F" rx={1} /> |
| 2068 |
<rect width={6} height={1} x={7} y={15.77} fill="#fff" rx={0.5} /> |
| 2069 |
<rect width={16} height={1.5} x={7} y={17.77} fill="#fff" rx={0.75} /> |
| 2070 |
<rect width={3} height={3} x={37.5} y={8.82} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 2071 |
<path fill="#58707F" d="M36.125 10.152a.25.25 0 0 1 0 .433L32 12.966V7.77l4.125 2.382Z" /> |
| 2072 |
<rect width={28} height={16} x={5} y={24.77} fill="#58707F" rx={1} /> |
| 2073 |
<rect width={6} height={1} x={7} y={34.77} fill="#fff" rx={0.5} /> |
| 2074 |
<rect width={16} height={1.5} x={7} y={36.77} fill="#fff" rx={0.75} /> |
| 2075 |
<rect width={3} height={3} x={37.5} y={27.82} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 2076 |
<path fill="#58707F" d="M36.125 29.152a.25.25 0 0 1 0 .433L32 31.966V26.77l4.125 2.382Z" /> |
| 2077 |
<rect width={28} height={16} x={5} y={43.77} fill="#58707F" rx={1} /> |
| 2078 |
<rect width={6} height={1} x={7} y={53.77} fill="#fff" rx={0.5} /> |
| 2079 |
<rect width={16} height={1.5} x={7} y={55.77} fill="#fff" rx={0.75} /> |
| 2080 |
<rect width={3} height={3} x={37.5} y={46.82} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 2081 |
<path fill="#58707F" d="M36.125 48.152a.25.25 0 0 1 0 .433L32 50.966V45.77l4.125 2.382Z" /> |
| 2082 |
</svg> |
| 2083 |
); |
| 2084 |
}; |
| 2085 |
export const TimelineTwoLayoutFive = ({ value }) => { |
| 2086 |
return ( |
| 2087 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 2088 |
<rect width={76.8} height={70.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 2089 |
<rect |
| 2090 |
width={76.8} |
| 2091 |
height={70.8} |
| 2092 |
x={0.6} |
| 2093 |
y={0.6} |
| 2094 |
stroke={value === "timeline-one-layout-five" ? "#458DD7" : "#8796A1"} |
| 2095 |
strokeWidth={1.2} |
| 2096 |
rx={2.4} |
| 2097 |
/> |
| 2098 |
<rect width={2} height={60} x={54} y={6} fill="#58707F" rx={1} /> |
| 2099 |
<rect width={28} height={16} x={20} y={6} fill="#58707F" rx={1} /> |
| 2100 |
<rect width={6} height={1} x={22} y={16} fill="#fff" rx={0.5} /> |
| 2101 |
<rect width={16} height={1.5} x={22} y={18} fill="#fff" rx={0.75} /> |
| 2102 |
<rect width={3} height={3} x={53.5} y={9.05} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 2103 |
<path fill="#58707F" d="M51.125 10.382a.25.25 0 0 1 0 .433L47 13.196V8l4.125 2.382Z" /> |
| 2104 |
<rect width={28} height={16} x={20} y={28} fill="#58707F" rx={1} /> |
| 2105 |
<rect width={6} height={1} x={22} y={38} fill="#fff" rx={0.5} /> |
| 2106 |
<rect width={16} height={1.5} x={22} y={40} fill="#fff" rx={0.75} /> |
| 2107 |
<rect width={3} height={3} x={53.5} y={31.05} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 2108 |
<path fill="#58707F" d="M51.125 32.382a.25.25 0 0 1 0 .433L47 35.196V30l4.125 2.382Z" /> |
| 2109 |
<rect width={28} height={16} x={20} y={50} fill="#58707F" rx={1} /> |
| 2110 |
<rect width={6} height={1} x={22} y={60} fill="#fff" rx={0.5} /> |
| 2111 |
<rect width={16} height={1.5} x={22} y={62} fill="#fff" rx={0.75} /> |
| 2112 |
<rect width={3} height={3} x={53.5} y={53.05} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 2113 |
<path fill="#58707F" d="M51.125 54.382a.25.25 0 0 1 0 .433L47 57.196V52l4.125 2.382Z" /> |
| 2114 |
</svg> |
| 2115 |
); |
| 2116 |
}; |
| 2117 |
export const TimelineTwoLayoutSix = ({ value }) => { |
| 2118 |
return ( |
| 2119 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none"> |
| 2120 |
<rect width={76.8} height={70.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 2121 |
<rect |
| 2122 |
width={76.8} |
| 2123 |
height={70.8} |
| 2124 |
x={0.6} |
| 2125 |
y={0.6} |
| 2126 |
stroke={value === "timeline-one-layout-six" ? "#458DD7" : "#8796A1"} |
| 2127 |
strokeWidth={1.2} |
| 2128 |
rx={2.4} |
| 2129 |
/> |
| 2130 |
<rect width={2} height={60} x={24} y={6} fill="#58707F" rx={1} /> |
| 2131 |
<path fill="#58707F" d="M28.875 10.382a.25.25 0 0 0 0 .433L33 13.196V8l-4.125 2.382Z" /> |
| 2132 |
<rect width={28} height={16} x={32} y={6} fill="#58707F" rx={1} /> |
| 2133 |
<rect width={6} height={1} x={34} y={16} fill="#fff" rx={0.5} /> |
| 2134 |
<rect width={16} height={1.5} x={34} y={18} fill="#fff" rx={0.75} /> |
| 2135 |
<rect width={3} height={3} x={23.5} y={9.05} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 2136 |
<path fill="#58707F" d="M28.875 32.382a.25.25 0 0 0 0 .433L33 35.196V30l-4.125 2.382Z" /> |
| 2137 |
<rect width={28} height={16} x={32} y={28} fill="#58707F" rx={1} /> |
| 2138 |
<rect width={6} height={1} x={34} y={38} fill="#fff" rx={0.5} /> |
| 2139 |
<rect width={16} height={1.5} x={34} y={40} fill="#fff" rx={0.75} /> |
| 2140 |
<rect width={3} height={3} x={23.5} y={31.05} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 2141 |
<path fill="#58707F" d="M28.875 54.382a.25.25 0 0 0 0 .433L33 57.196V52l-4.125 2.382Z" /> |
| 2142 |
<rect width={28} height={16} x={32} y={50} fill="#58707F" rx={1} /> |
| 2143 |
<rect width={6} height={1} x={34} y={60} fill="#fff" rx={0.5} /> |
| 2144 |
<rect width={16} height={1.5} x={34} y={62} fill="#fff" rx={0.75} /> |
| 2145 |
<rect width={3} height={3} x={23.5} y={53.05} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 2146 |
</svg> |
| 2147 |
); |
| 2148 |
}; |
| 2149 |
// timeline three layouts icon |
| 2150 |
export const TimelineThreeLayoutOne = ({ value }) => { |
| 2151 |
return ( |
| 2152 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={60} fill="none"> |
| 2153 |
<rect width={76.5} height={58.5} x={0.75} y={0.75} fill="#fff" rx={2.25} /> |
| 2154 |
<rect |
| 2155 |
width={76.5} |
| 2156 |
height={58.5} |
| 2157 |
x={0.75} |
| 2158 |
y={0.75} |
| 2159 |
stroke={value === "timeline-three-layout-one" ? "#458DD7" : "#8796A1"} |
| 2160 |
strokeWidth={1.5} |
| 2161 |
rx={2.25} |
| 2162 |
/> |
| 2163 |
<path fill="#58707F" d="M5 26a1 1 0 0 1 1-1h19a1 1 0 0 1 1 1v11H5V26Z" /> |
| 2164 |
<path fill="#9EA9B2" d="M5 37h21v7a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-7Z" /> |
| 2165 |
<rect width={6} height={1} x={7} y={39.25} fill="#fff" rx={0.5} /> |
| 2166 |
<rect width={16} height={1.5} x={7} y={41.25} fill="#fff" rx={0.75} /> |
| 2167 |
<path fill="#58707F" d="M28.5 26a1 1 0 0 1 1-1h19a1 1 0 0 1 1 1v11h-21V26Z" /> |
| 2168 |
<path fill="#9EA9B2" d="M28.5 37h21v7a1 1 0 0 1-1 1h-19a1 1 0 0 1-1-1v-7Z" /> |
| 2169 |
<rect width={6} height={1} x={30.5} y={39.25} fill="#fff" rx={0.5} /> |
| 2170 |
<rect width={16} height={1.5} x={30.5} y={41.25} fill="#fff" rx={0.75} /> |
| 2171 |
<path fill="#58707F" d="M52 26a1 1 0 0 1 1-1h19a1 1 0 0 1 1 1v11H52V26Z" /> |
| 2172 |
<path fill="#9EA9B2" d="M52 37h21v7a1 1 0 0 1-1 1H53a1 1 0 0 1-1-1v-7Z" /> |
| 2173 |
<rect width={6} height={1} x={54} y={39.25} fill="#fff" rx={0.5} /> |
| 2174 |
<rect width={16} height={1.5} x={54} y={41.25} fill="#fff" rx={0.75} /> |
| 2175 |
<rect width={2} height={68} x={73} y={18} fill="#58707F" rx={1} transform="rotate(90 73 18)" /> |
| 2176 |
<rect width={3} height={3} x={14} y={17.5} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 2177 |
<rect width={3} height={3} x={37.5} y={17.5} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 2178 |
<rect width={3} height={3} x={61} y={17.5} fill="#fff" stroke="#58707F" rx={1.5} /> |
| 2179 |
<path |
| 2180 |
fill="#58707F" |
| 2181 |
d="M15.282 22.375a.25.25 0 0 1 .433 0l2.381 4.125H12.9l2.382-4.125ZM38.782 22.375a.25.25 0 0 1 .433 0l2.381 4.125H36.4l2.382-4.125ZM62.282 22.375a.25.25 0 0 1 .433 0l2.381 4.125H59.9l2.382-4.125Z" |
| 2182 |
/> |
| 2183 |
</svg> |
| 2184 |
); |
| 2185 |
}; |
| 2186 |
export const TimelineThreeLayoutTwo = ({ value }) => { |
| 2187 |
return ( |
| 2188 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={60} fill="none"> |
| 2189 |
<rect width={76.8} height={58.8} x={0.6} y={0.6} fill="#fff" rx={2.4} /> |
| 2190 |
<rect |
| 2191 |
width={76.8} |
| 2192 |
height={58.8} |
| 2193 |
x={0.6} |
| 2194 |
y={0.6} |
| 2195 |
stroke={value === "timeline-three-layout-two" ? "#458DD7" : "#8796A1"} |
| 2196 |
strokeWidth={1.2} |
| 2197 |
rx={2.4} |
| 2198 |
/> |
| 2199 |
<path fill="#58707F" d="M9 37a1 1 0 0 1 1-1h19a1 1 0 0 1 1 1v10H9V37Z" /> |
| 2200 |
<path fill="#9EA9B2" d="M9 47h21v7a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1v-7Z" /> |
| 2201 |
<rect width={6} height={1} x={11} y={49.25} fill="#fff" rx={0.5} /> |
| 2202 |
<rect width={16} height={1.5} x={11} y={51.25} fill="#fff" rx={0.75} /> |
| 2203 |
<path fill="#58707F" d="M48 37a1 1 0 0 1 1-1h19a1 1 0 0 1 1 1v10H48V37Z" /> |
| 2204 |
<path fill="#9EA9B2" d="M48 47h21v7a1 1 0 0 1-1 1H49a1 1 0 0 1-1-1v-7Z" /> |
| 2205 |
<rect width={6} height={1} x={50} y={49.25} fill="#fff" rx={0.5} /> |
| 2206 |
<rect width={16} height={1.5} x={50} y={51.25} fill="#fff" rx={0.75} /> |
| 2207 |
<path |
| 2208 |
fill="#58707F" |
| 2209 |
d="M19.28 33.437a.25.25 0 0 1 .445 0l2.07 4.063H17.21l2.07-4.063ZM58.28 33.437a.25.25 0 0 1 .445 0l2.07 4.063H56.21l2.07-4.063ZM28.5 23a1 1 0 0 0 1 1h19a1 1 0 0 0 1-1V13h-21v10Z" |
| 2210 |
/> |
| 2211 |
<path fill="#9EA9B2" d="M28.5 13h21V6a1 1 0 0 0-1-1h-19a1 1 0 0 0-1 1v7Z" /> |
| 2212 |
<rect width={6} height={1} fill="#fff" rx={0.5} transform="matrix(1 0 0 -1 30.5 10.75)" /> |
| 2213 |
<rect width={16} height={1.5} fill="#fff" rx={0.75} transform="matrix(1 0 0 -1 30.5 8.75)" /> |
| 2214 |
<rect width={2} height={68} fill="#58707F" rx={1} transform="matrix(0 -1 -1 0 73 31)" /> |
| 2215 |
<rect |
| 2216 |
width={3} |
| 2217 |
height={3} |
| 2218 |
x={0.5} |
| 2219 |
y={-0.5} |
| 2220 |
fill="#fff" |
| 2221 |
stroke="#58707F" |
| 2222 |
rx={1.5} |
| 2223 |
transform="matrix(1 0 0 -1 17.7 31)" |
| 2224 |
/> |
| 2225 |
<rect |
| 2226 |
width={3} |
| 2227 |
height={3} |
| 2228 |
x={0.5} |
| 2229 |
y={-0.5} |
| 2230 |
fill="#fff" |
| 2231 |
stroke="#58707F" |
| 2232 |
rx={1.5} |
| 2233 |
transform="matrix(1 0 0 -1 37 31)" |
| 2234 |
/> |
| 2235 |
<rect |
| 2236 |
width={3} |
| 2237 |
height={3} |
| 2238 |
x={0.5} |
| 2239 |
y={-0.5} |
| 2240 |
fill="#fff" |
| 2241 |
stroke="#58707F" |
| 2242 |
rx={1.5} |
| 2243 |
transform="matrix(1 0 0 -1 56.5 31)" |
| 2244 |
/> |
| 2245 |
<path fill="#58707F" d="M38.782 26.625a.25.25 0 0 0 .433 0l2.381-4.125H36.4l2.382 4.125Z" /> |
| 2246 |
</svg> |
| 2247 |
); |
| 2248 |
}; |
| 2249 |
// export const TimelineThreeLayoutThree = ( { value } ) => { |
| 2250 |
// return ( |
| 2251 |
// <svg |
| 2252 |
// xmlns="http://www.w3.org/2000/svg" |
| 2253 |
// width={ 78 } |
| 2254 |
// height={ 60 } |
| 2255 |
// fill="none" |
| 2256 |
// > |
| 2257 |
// <rect |
| 2258 |
// width={ 76.8 } |
| 2259 |
// height={ 58.8 } |
| 2260 |
// x={ 0.6 } |
| 2261 |
// y={ 0.6 } |
| 2262 |
// fill="#fff" |
| 2263 |
// rx={ 2.4 } |
| 2264 |
// /> |
| 2265 |
// <rect |
| 2266 |
// width={ 76.8 } |
| 2267 |
// height={ 58.8 } |
| 2268 |
// x={ 0.6 } |
| 2269 |
// y={ 0.6 } |
| 2270 |
// stroke={ |
| 2271 |
// value === 'timeline-three-layout-three' |
| 2272 |
// ? '#458DD7' |
| 2273 |
// : '#58707F' |
| 2274 |
// } |
| 2275 |
// strokeWidth={ 1.2 } |
| 2276 |
// rx={ 2.4 } |
| 2277 |
// /> |
| 2278 |
// <path |
| 2279 |
// stroke="#58707F" |
| 2280 |
// strokeLinecap="round" |
| 2281 |
// strokeLinejoin="round" |
| 2282 |
// strokeWidth={ 1.5 } |
| 2283 |
// d="M73 33.916S65.864 26 57 26c-8 0-4.855 8-12.5 8C37 34 38 26 30 26s-4.5 8-12 8-13-7.712-13-7.712" |
| 2284 |
// /> |
| 2285 |
// <path |
| 2286 |
// fill="#58707F" |
| 2287 |
// d="M7.5 41a1 1 0 0 1 1-1h19a1 1 0 0 1 1 1v7h-21v-7Z" |
| 2288 |
// /> |
| 2289 |
// <path |
| 2290 |
// fill="#9EA9B2" |
| 2291 |
// d="M7.5 48h21v6a1 1 0 0 1-1 1h-19a1 1 0 0 1-1-1v-6Z" |
| 2292 |
// /> |
| 2293 |
// <rect |
| 2294 |
// width={ 6 } |
| 2295 |
// height={ 1 } |
| 2296 |
// x={ 9.5 } |
| 2297 |
// y={ 49.75 } |
| 2298 |
// fill="#fff" |
| 2299 |
// rx={ 0.5 } |
| 2300 |
// /> |
| 2301 |
// <rect |
| 2302 |
// width={ 16 } |
| 2303 |
// height={ 1.5 } |
| 2304 |
// x={ 9.5 } |
| 2305 |
// y={ 51.75 } |
| 2306 |
// fill="#fff" |
| 2307 |
// rx={ 0.75 } |
| 2308 |
// /> |
| 2309 |
// <path |
| 2310 |
// fill="#58707F" |
| 2311 |
// d="M34 41a1 1 0 0 1 1-1h19a1 1 0 0 1 1 1v7H34v-7Z" |
| 2312 |
// /> |
| 2313 |
// <path |
| 2314 |
// fill="#9EA9B2" |
| 2315 |
// d="M34 48h21v6a1 1 0 0 1-1 1H35a1 1 0 0 1-1-1v-6Z" |
| 2316 |
// /> |
| 2317 |
// <rect |
| 2318 |
// width={ 6 } |
| 2319 |
// height={ 1 } |
| 2320 |
// x={ 36 } |
| 2321 |
// y={ 49.75 } |
| 2322 |
// fill="#fff" |
| 2323 |
// rx={ 0.5 } |
| 2324 |
// /> |
| 2325 |
// <rect |
| 2326 |
// width={ 16 } |
| 2327 |
// height={ 1.5 } |
| 2328 |
// x={ 36 } |
| 2329 |
// y={ 51.75 } |
| 2330 |
// fill="#fff" |
| 2331 |
// rx={ 0.75 } |
| 2332 |
// /> |
| 2333 |
// <path |
| 2334 |
// fill="#58707F" |
| 2335 |
// d="M17.78 37.437a.25.25 0 0 1 .445 0l2.07 4.063H15.71l2.07-4.063ZM44.28 37.437a.25.25 0 0 1 .445 0l2.07 4.063H42.21l2.07-4.063ZM19.5 19a1 1 0 0 0 1 1h19a1 1 0 0 0 1-1v-7h-21v7Z" |
| 2336 |
// /> |
| 2337 |
// <path |
| 2338 |
// fill="#9EA9B2" |
| 2339 |
// d="M19.5 12h21V6a1 1 0 0 0-1-1h-19a1 1 0 0 0-1 1v6Z" |
| 2340 |
// /> |
| 2341 |
// <rect |
| 2342 |
// width={ 6 } |
| 2343 |
// height={ 1 } |
| 2344 |
// fill="#fff" |
| 2345 |
// rx={ 0.5 } |
| 2346 |
// transform="matrix(1 0 0 -1 21.5 10.25)" |
| 2347 |
// /> |
| 2348 |
// <rect |
| 2349 |
// width={ 16 } |
| 2350 |
// height={ 1.5 } |
| 2351 |
// fill="#fff" |
| 2352 |
// rx={ 0.75 } |
| 2353 |
// transform="matrix(1 0 0 -1 21.5 8.25)" |
| 2354 |
// /> |
| 2355 |
// <path |
| 2356 |
// fill="#58707F" |
| 2357 |
// d="M46.5 19a1 1 0 0 0 1 1h19a1 1 0 0 0 1-1v-7h-21v7Z" |
| 2358 |
// /> |
| 2359 |
// <path |
| 2360 |
// fill="#9EA9B2" |
| 2361 |
// d="M46.5 12h21V6a1 1 0 0 0-1-1h-19a1 1 0 0 0-1 1v6Z" |
| 2362 |
// /> |
| 2363 |
// <rect |
| 2364 |
// width={ 6 } |
| 2365 |
// height={ 1 } |
| 2366 |
// fill="#fff" |
| 2367 |
// rx={ 0.5 } |
| 2368 |
// transform="matrix(1 0 0 -1 48.5 10.25)" |
| 2369 |
// /> |
| 2370 |
// <rect |
| 2371 |
// width={ 16 } |
| 2372 |
// height={ 1.5 } |
| 2373 |
// fill="#fff" |
| 2374 |
// rx={ 0.75 } |
| 2375 |
// transform="matrix(1 0 0 -1 48.5 8.25)" |
| 2376 |
// /> |
| 2377 |
// <rect |
| 2378 |
// width={ 3 } |
| 2379 |
// height={ 3 } |
| 2380 |
// x={ 0.5 } |
| 2381 |
// y={ -0.5 } |
| 2382 |
// fill="#fff" |
| 2383 |
// stroke="#58707F" |
| 2384 |
// rx={ 1.5 } |
| 2385 |
// transform="matrix(1 0 0 -1 16 35)" |
| 2386 |
// /> |
| 2387 |
// <rect |
| 2388 |
// width={ 3 } |
| 2389 |
// height={ 3 } |
| 2390 |
// x={ 0.5 } |
| 2391 |
// y={ -0.5 } |
| 2392 |
// fill="#fff" |
| 2393 |
// stroke="#58707F" |
| 2394 |
// rx={ 1.5 } |
| 2395 |
// transform="matrix(1 0 0 -1 42.5 35)" |
| 2396 |
// /> |
| 2397 |
// <path |
| 2398 |
// fill="#58707F" |
| 2399 |
// d="M29.782 22.625a.25.25 0 0 0 .433 0l2.381-4.125H27.4l2.382 4.125ZM56.782 22.625a.25.25 0 0 0 .433 0l2.381-4.125H54.4l2.382 4.125Z" |
| 2400 |
// /> |
| 2401 |
// <rect |
| 2402 |
// width={ 3 } |
| 2403 |
// height={ 3 } |
| 2404 |
// x={ 0.5 } |
| 2405 |
// y={ -0.5 } |
| 2406 |
// fill="#fff" |
| 2407 |
// stroke="#58707F" |
| 2408 |
// rx={ 1.5 } |
| 2409 |
// transform="matrix(1 0 0 -1 28 27)" |
| 2410 |
// /> |
| 2411 |
// <rect |
| 2412 |
// width={ 3 } |
| 2413 |
// height={ 3 } |
| 2414 |
// x={ 0.5 } |
| 2415 |
// y={ -0.5 } |
| 2416 |
// fill="#fff" |
| 2417 |
// stroke="#58707F" |
| 2418 |
// rx={ 1.5 } |
| 2419 |
// transform="matrix(1 0 0 -1 55 27)" |
| 2420 |
// /> |
| 2421 |
// </svg> |
| 2422 |
// ); |
| 2423 |
// }; |
| 2424 |
|
| 2425 |
// Post Sliders layout icons |
| 2426 |
export const PostSliderLayoutOne = ({ value }) => ( |
| 2427 |
<svg width={78} height={50} viewBox="0 0 78 50" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 2428 |
<rect x={0.75} y={0.75} width={76.5} height={48.5} rx={2.25} fill="white" /> |
| 2429 |
<rect |
| 2430 |
x={0.75} |
| 2431 |
y={0.75} |
| 2432 |
width={76.5} |
| 2433 |
height={48.5} |
| 2434 |
rx={2.25} |
| 2435 |
stroke={value === "post-slider-layout-one" ? "#458DD7" : "#8796A1"} |
| 2436 |
strokeWidth={1.5} |
| 2437 |
/> |
| 2438 |
<rect x={32.1758} y={35.9023} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 2439 |
<rect x={37.375} y={35.9023} width={3.25} height={3.25} rx={1.625} fill="#FBFBFB" /> |
| 2440 |
<rect x={42.5762} y={35.9023} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 2441 |
<rect x={4} y={4} width={70} height={42} rx={1.5} fill="#58707F" /> |
| 2442 |
<path |
| 2443 |
d="M10.5996 21.625L7.41561 25L10.5996 28.375" |
| 2444 |
stroke="white" |
| 2445 |
strokeWidth={1.68751} |
| 2446 |
strokeLinecap="round" |
| 2447 |
strokeLinejoin="round" |
| 2448 |
/> |
| 2449 |
<path |
| 2450 |
d="M67.4004 21.625L70.5844 25L67.4004 28.375" |
| 2451 |
stroke="white" |
| 2452 |
strokeWidth={1.68751} |
| 2453 |
strokeLinecap="round" |
| 2454 |
strokeLinejoin="round" |
| 2455 |
/> |
| 2456 |
<rect x={32.5} y={41} width={3} height={3} rx={1.5} fill="white" fillOpacity={0.6} /> |
| 2457 |
<rect x={37.5} y={41} width={3} height={3} rx={1.5} fill="white" /> |
| 2458 |
<rect x={42.5} y={41} width={3} height={3} rx={1.5} fill="white" fillOpacity={0.6} /> |
| 2459 |
<rect x={29.8242} y={18.6191} width={18.3529} height={2} rx={1} fill="white" /> |
| 2460 |
<rect x={24} y={22.6191} width={30} height={1.75} rx={0.875} fill="white" /> |
| 2461 |
<rect x={32} y={27.3691} width={14} height={4} rx={0.5} fill="white" /> |
| 2462 |
<rect x={35} y={28.6211} width={8} height={1.5} rx={0.75} fill="#58707F" /> |
| 2463 |
<defs> |
| 2464 |
<clipPath id="clip0_58_59344"> |
| 2465 |
<rect width={12} height={12} fill="white" transform="translate(61 5)" /> |
| 2466 |
</clipPath> |
| 2467 |
</defs> |
| 2468 |
</svg> |
| 2469 |
); |
| 2470 |
export const PostSliderLayoutTwo = ({ value }) => ( |
| 2471 |
<svg width={78} height={50} viewBox="0 0 78 50" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 2472 |
<rect x={0.6} y={0.6} width={76.8} height={48.8} rx={2.4} fill="white" /> |
| 2473 |
<rect |
| 2474 |
x={0.6} |
| 2475 |
y={0.6} |
| 2476 |
width={76.8} |
| 2477 |
height={48.8} |
| 2478 |
rx={2.4} |
| 2479 |
stroke={value === "post-slider-layout-two" ? "#458DD7" : "#8796A1"} |
| 2480 |
strokeWidth={1.2} |
| 2481 |
/> |
| 2482 |
<rect x={31.6758} y={35.9023} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 2483 |
<rect x={36.875} y={35.9023} width={3.25} height={3.25} rx={1.625} fill="#FBFBFB" /> |
| 2484 |
<rect x={42.0762} y={35.9023} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 2485 |
<rect x={4} y={4} width={70} height={42} rx={1.5} fill="#58707F" /> |
| 2486 |
<rect |
| 2487 |
x={68.3242} |
| 2488 |
y={18.5} |
| 2489 |
width={3} |
| 2490 |
height={3} |
| 2491 |
rx={1.5} |
| 2492 |
transform="rotate(90 68.3242 18.5)" |
| 2493 |
fill="white" |
| 2494 |
fillOpacity={0.6} |
| 2495 |
/> |
| 2496 |
<rect x={68.3242} y={23.5} width={3} height={3} rx={1.5} transform="rotate(90 68.3242 23.5)" fill="white" /> |
| 2497 |
<rect |
| 2498 |
x={68.3242} |
| 2499 |
y={28.5} |
| 2500 |
width={3} |
| 2501 |
height={3} |
| 2502 |
rx={1.5} |
| 2503 |
transform="rotate(90 68.3242 28.5)" |
| 2504 |
fill="white" |
| 2505 |
fillOpacity={0.6} |
| 2506 |
/> |
| 2507 |
<rect x={8} y={18.6191} width={18.3529} height={2} rx={1} fill="white" /> |
| 2508 |
<rect x={8} y={22.6191} width={30} height={1.75} rx={0.875} fill="white" /> |
| 2509 |
<rect x={8} y={27.3691} width={14} height={4} rx={0.5} fill="white" /> |
| 2510 |
<rect x={11} y={28.6211} width={8} height={1.5} rx={0.75} fill="#58707F" /> |
| 2511 |
</svg> |
| 2512 |
); |
| 2513 |
|
| 2514 |
export const PostSliderLayoutThree = ({ value }) => ( |
| 2515 |
<svg width={78} height={50} viewBox="0 0 78 50" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 2516 |
<rect x={0.6} y={0.6} width={76.8} height={48.8} rx={2.4} fill="white" /> |
| 2517 |
<rect |
| 2518 |
x={0.6} |
| 2519 |
y={0.6} |
| 2520 |
width={76.8} |
| 2521 |
height={48.8} |
| 2522 |
rx={2.4} |
| 2523 |
stroke={value === "post-slider-layout-three" ? "#458DD7" : "#8796A1"} |
| 2524 |
strokeWidth={1.2} |
| 2525 |
/> |
| 2526 |
<rect x={32.1758} y={35.9023} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 2527 |
<rect x={37.375} y={35.9023} width={3.25} height={3.25} rx={1.625} fill="#FBFBFB" /> |
| 2528 |
<rect x={42.5762} y={35.9023} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 2529 |
<rect x={4} y={4} width={70} height={42} rx={1.5} fill="#58707F" /> |
| 2530 |
<rect x={16} y={29.25} width={46} height={16.75} fill="#8796A1" /> |
| 2531 |
<rect x={29.8242} y={31.25} width={18.3529} height={2} rx={1} fill="white" /> |
| 2532 |
<rect x={24} y={35.25} width={30} height={1.75} rx={0.875} fill="white" /> |
| 2533 |
<rect x={32} y={40} width={14} height={4} rx={0.5} fill="white" /> |
| 2534 |
<rect x={35} y={41.252} width={8} height={1.5} rx={0.75} fill="#58707F" /> |
| 2535 |
<path |
| 2536 |
d="M10.5996 21.625L7.41561 25L10.5996 28.375" |
| 2537 |
stroke="white" |
| 2538 |
strokeWidth={1.68751} |
| 2539 |
strokeLinecap="round" |
| 2540 |
strokeLinejoin="round" |
| 2541 |
/> |
| 2542 |
<path |
| 2543 |
d="M67.4004 21.625L70.5844 25L67.4004 28.375" |
| 2544 |
stroke="white" |
| 2545 |
strokeWidth={1.68751} |
| 2546 |
strokeLinecap="round" |
| 2547 |
strokeLinejoin="round" |
| 2548 |
/> |
| 2549 |
</svg> |
| 2550 |
); |
| 2551 |
export const PostSliderLayoutFive = ({ value }) => ( |
| 2552 |
<svg width={78} height={50} viewBox="0 0 78 50" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 2553 |
<rect x={0.6} y={0.6} width={76.8} height={48.8} rx={2.4} fill="white" /> |
| 2554 |
<rect |
| 2555 |
x={0.6} |
| 2556 |
y={0.6} |
| 2557 |
width={76.8} |
| 2558 |
height={48.8} |
| 2559 |
rx={2.4} |
| 2560 |
stroke={value === "post-slider-layout-four" ? "#458DD7" : "#8796A1"} |
| 2561 |
strokeWidth={1.2} |
| 2562 |
/> |
| 2563 |
<rect x={32.1758} y={35.9023} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 2564 |
<rect x={37.375} y={35.9023} width={3.25} height={3.25} rx={1.625} fill="#FBFBFB" /> |
| 2565 |
<rect x={42.5762} y={35.9023} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 2566 |
<rect x={4} y={4} width={47} height={42} rx={1.5} fill="#58707F" /> |
| 2567 |
<rect x={32} y={10} width={42} height={30} rx={1.5} fill="#8796A1" /> |
| 2568 |
<path d="M32 33H43V40H33.5C32.6716 40 32 39.3284 32 38.5V33Z" fill="white" /> |
| 2569 |
<path |
| 2570 |
d="M35.7031 34.75L34.0522 36.5L35.7031 38.25" |
| 2571 |
stroke="#58707F" |
| 2572 |
strokeWidth={0.875} |
| 2573 |
strokeLinecap="round" |
| 2574 |
strokeLinejoin="round" |
| 2575 |
/> |
| 2576 |
<path |
| 2577 |
d="M39.2969 34.75L40.9478 36.5L39.2969 38.25" |
| 2578 |
stroke="#58707F" |
| 2579 |
strokeWidth={0.875} |
| 2580 |
strokeLinecap="round" |
| 2581 |
strokeLinejoin="round" |
| 2582 |
/> |
| 2583 |
<rect x={37} y={17} width={18.3529} height={2} rx={1} fill="white" /> |
| 2584 |
<rect x={37} y={21} width={24} height={1.75} rx={0.875} fill="white" /> |
| 2585 |
<rect x={37} y={25.75} width={14} height={4} rx={0.5} fill="white" /> |
| 2586 |
<rect x={40} y={27.002} width={8} height={1.5} rx={0.75} fill="#58707F" /> |
| 2587 |
</svg> |
| 2588 |
); |
| 2589 |
export const PostSliderLayoutSix = ({ value }) => ( |
| 2590 |
<svg width={78} height={50} viewBox="0 0 78 50" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 2591 |
<rect x={0.6} y={0.6} width={76.8} height={48.8} rx={2.4} fill="white" /> |
| 2592 |
<rect |
| 2593 |
x={0.6} |
| 2594 |
y={0.6} |
| 2595 |
width={76.8} |
| 2596 |
height={48.8} |
| 2597 |
rx={2.4} |
| 2598 |
stroke={value === "post-slider-layout-five" ? "#458DD7" : "#8796A1"} |
| 2599 |
strokeWidth={1.2} |
| 2600 |
/> |
| 2601 |
<rect x={32.1738} y={35.9023} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 2602 |
<rect x={37.373} y={35.9023} width={3.25} height={3.25} rx={1.625} fill="#FBFBFB" /> |
| 2603 |
<rect x={42.5742} y={35.9023} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 2604 |
<rect x={4} y={4} width={70} height={42} rx={1.5} fill="#58707F" /> |
| 2605 |
<path d="M4 5.5C4 4.67157 4.67157 4 5.5 4H40V46H5.5C4.67157 46 4 45.3284 4 44.5V5.5Z" fill="#8796A1" /> |
| 2606 |
<rect x={50} y={38} width={6} height={6} rx={3} fill="white" /> |
| 2607 |
<path |
| 2608 |
d="M53.709 39.5L52.2939 41L53.709 42.5" |
| 2609 |
stroke="#58707F" |
| 2610 |
strokeWidth={0.75} |
| 2611 |
strokeLinecap="round" |
| 2612 |
strokeLinejoin="round" |
| 2613 |
/> |
| 2614 |
<rect x={58} y={38} width={6} height={6} rx={3} fill="white" /> |
| 2615 |
<path |
| 2616 |
d="M60.2891 39.5L61.7042 41L60.2891 42.5" |
| 2617 |
stroke="#58707F" |
| 2618 |
strokeWidth={0.75} |
| 2619 |
strokeLinecap="round" |
| 2620 |
strokeLinejoin="round" |
| 2621 |
/> |
| 2622 |
<rect x={8} y={18.6191} width={18.3529} height={2} rx={1} fill="white" /> |
| 2623 |
<rect x={8} y={22.6191} width={24} height={1.75} rx={0.875} fill="white" /> |
| 2624 |
<rect x={8} y={27.3691} width={14} height={4} rx={0.5} fill="white" /> |
| 2625 |
<rect x={11} y={28.6211} width={8} height={1.5} rx={0.75} fill="#58707F" /> |
| 2626 |
</svg> |
| 2627 |
); |
| 2628 |
|
| 2629 |
// Post Thumbnails one layout icons |
| 2630 |
export const PostThumbnailLayoutOne = ({ value }) => ( |
| 2631 |
<svg width={78} height={50} viewBox="0 0 78 50" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 2632 |
<rect x={0.75} y={0.75} width={76.5} height={48.5} rx={2.25} fill="white" /> |
| 2633 |
<rect |
| 2634 |
x={0.75} |
| 2635 |
y={0.75} |
| 2636 |
width={76.5} |
| 2637 |
height={48.5} |
| 2638 |
rx={2.25} |
| 2639 |
stroke={value === "thumbnail-slider-layout-one" ? "#1A74E4" : "#8796A1"} |
| 2640 |
strokeWidth={1.2} |
| 2641 |
/> |
| 2642 |
<rect x={32.1758} y={35.9023} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 2643 |
<rect x={37.375} y={35.9023} width={3.25} height={3.25} rx={1.625} fill="#FBFBFB" /> |
| 2644 |
<rect x={42.5762} y={35.9023} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 2645 |
<rect x={4} y={4} width={70} height={32} rx={2} fill="#58707F" /> |
| 2646 |
<rect x={4} y={38} width={10} height={8} rx={1} fill="#58707F" /> |
| 2647 |
<rect x={16} y={38} width={10} height={8} rx={1} fill="#58707F" /> |
| 2648 |
<rect x={28} y={38} width={10} height={8} rx={1} fill="#58707F" /> |
| 2649 |
<rect x={40} y={38} width={10} height={8} rx={1} fill="#58707F" /> |
| 2650 |
<rect x={52} y={38} width={10} height={8} rx={1} fill="#58707F" /> |
| 2651 |
<rect x={64} y={38} width={10} height={8} rx={1} fill="#58707F" /> |
| 2652 |
<rect x={8} y={13.6191} width={18.3529} height={2} rx={1} fill="white" /> |
| 2653 |
<rect x={8} y={17.6191} width={24} height={1.75} rx={0.875} fill="white" /> |
| 2654 |
<rect x={8} y={22.3691} width={14} height={4} rx={0.5} fill="white" /> |
| 2655 |
<rect x={11} y={23.6211} width={8} height={1.5} rx={0.75} fill="#58707F" /> |
| 2656 |
<defs> |
| 2657 |
<clipPath id="clip0_87_62438"> |
| 2658 |
<rect width={12} height={12} fill="white" transform="translate(61 5)" /> |
| 2659 |
</clipPath> |
| 2660 |
</defs> |
| 2661 |
</svg> |
| 2662 |
); |
| 2663 |
export const PostThumbnailLayoutTwo = ({ value }) => ( |
| 2664 |
<svg width={78} height={50} viewBox="0 0 78 50" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 2665 |
<rect x={0.6} y={0.6} width={76.8} height={48.8} rx={2.4} fill="white" /> |
| 2666 |
<rect |
| 2667 |
x={0.6} |
| 2668 |
y={0.6} |
| 2669 |
width={76.8} |
| 2670 |
height={48.8} |
| 2671 |
rx={2.4} |
| 2672 |
stroke={value === "thumbnail-slider-layout-two" ? "#1A74E4" : "#8796A1"} |
| 2673 |
strokeWidth={1.2} |
| 2674 |
/> |
| 2675 |
<rect x={32.1758} y={35.9023} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 2676 |
<rect x={37.375} y={35.9023} width={3.25} height={3.25} rx={1.625} fill="#FBFBFB" /> |
| 2677 |
<rect x={42.5762} y={35.9023} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 2678 |
<rect x={4} y={4} width={70} height={42} rx={2} fill="#58707F" /> |
| 2679 |
<rect x={6} y={37} width={9} height={7} rx={1.14706} fill="#D8DADB" /> |
| 2680 |
<rect x={17.4004} y={37} width={9} height={7} rx={1.14706} fill="#D8DADB" /> |
| 2681 |
<rect x={28.8008} y={37} width={9} height={7} rx={1.14706} fill="#D8DADB" /> |
| 2682 |
<rect x={40.1992} y={37} width={9} height={7} rx={1.14706} fill="#D8DADB" /> |
| 2683 |
<rect x={51.5996} y={37} width={9} height={7} rx={1.14706} fill="#D8DADB" /> |
| 2684 |
<rect x={63} y={37} width={9} height={7} rx={1.14706} fill="#D8DADB" /> |
| 2685 |
<rect x={8} y={14.1191} width={18.3529} height={2} rx={1} fill="white" /> |
| 2686 |
<rect x={8} y={18.1191} width={24} height={1.75} rx={0.875} fill="white" /> |
| 2687 |
<rect x={8} y={22.8691} width={14} height={4} rx={0.5} fill="white" /> |
| 2688 |
<rect x={11} y={24.1211} width={8} height={1.5} rx={0.75} fill="#58707F" /> |
| 2689 |
</svg> |
| 2690 |
); |
| 2691 |
export const PostThumbnailLayoutThree = ({ value }) => ( |
| 2692 |
<svg width={78} height={50} viewBox="0 0 78 50" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 2693 |
<rect x={0.6} y={0.6} width={76.8} height={48.8} rx={2.4} fill="white" /> |
| 2694 |
<rect |
| 2695 |
x={0.6} |
| 2696 |
y={0.6} |
| 2697 |
width={76.8} |
| 2698 |
height={48.8} |
| 2699 |
rx={2.4} |
| 2700 |
stroke={value === "thumbnail-slider-layout-three" ? "#1A74E4" : "#8796A1"} |
| 2701 |
strokeWidth={1.2} |
| 2702 |
/> |
| 2703 |
<rect x={32.1758} y={35.9023} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 2704 |
<rect x={37.375} y={35.9023} width={3.25} height={3.25} rx={1.625} fill="#FBFBFB" /> |
| 2705 |
<rect x={42.5762} y={35.9023} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 2706 |
<rect x={4} y={4} width={70} height={42} rx={2} fill="#58707F" /> |
| 2707 |
<rect x={10} y={37} width={18} height={7} rx={1} fill="#8796A1" /> |
| 2708 |
<rect x={11} y={38.5} width={6} height={4} rx={0.5} fill="#F2F2F2" /> |
| 2709 |
<rect x={18} y={39.25} width={4.58824} height={0.75} rx={0.375} fill="white" /> |
| 2710 |
<rect x={18} y={40.75} width={9} height={1} rx={0.5} fill="white" /> |
| 2711 |
<rect x={30} y={37} width={18} height={7} rx={1} fill="#8796A1" /> |
| 2712 |
<rect x={31} y={38.5} width={6} height={4} rx={0.5} fill="#F2F2F2" /> |
| 2713 |
<rect x={38} y={39.25} width={4.58824} height={0.75} rx={0.375} fill="white" /> |
| 2714 |
<rect x={38} y={40.75} width={9} height={1} rx={0.5} fill="white" /> |
| 2715 |
<rect x={50} y={37} width={18} height={7} rx={1} fill="#8796A1" /> |
| 2716 |
<rect x={51} y={38.5} width={6} height={4} rx={0.5} fill="#F2F2F2" /> |
| 2717 |
<rect x={58} y={39.25} width={4.58824} height={0.75} rx={0.375} fill="white" /> |
| 2718 |
<rect x={58} y={40.75} width={9} height={1} rx={0.5} fill="white" /> |
| 2719 |
<rect x={29.8242} y={17} width={18.3529} height={2} rx={1} fill="white" /> |
| 2720 |
<rect x={24} y={21} width={30} height={1.75} rx={0.875} fill="white" /> |
| 2721 |
<rect x={32} y={25.75} width={14} height={4} rx={0.5} fill="white" /> |
| 2722 |
<rect x={35} y={27.002} width={8} height={1.5} rx={0.75} fill="#58707F" /> |
| 2723 |
</svg> |
| 2724 |
); |
| 2725 |
export const PostThumbnailLayoutFour = ({ value }) => ( |
| 2726 |
<svg width={78} height={50} viewBox="0 0 78 50" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 2727 |
<rect x={0.6} y={0.6} width={76.8} height={48.8} rx={2.4} fill="white" /> |
| 2728 |
<rect |
| 2729 |
x={0.6} |
| 2730 |
y={0.6} |
| 2731 |
width={76.8} |
| 2732 |
height={48.8} |
| 2733 |
rx={2.4} |
| 2734 |
stroke={value === "thumbnail-slider-layout-four" ? "#1A74E4" : "#8796A1"} |
| 2735 |
strokeWidth={1.2} |
| 2736 |
/> |
| 2737 |
<rect x={4} y={4} width={70} height={32} rx={2} fill="#58707F" /> |
| 2738 |
<rect x={4} y={38} width={22} height={8} rx={1} fill="#8796A1" /> |
| 2739 |
<rect x={5.8125} y={40} width={5.43729} height={4} rx={0.573529} fill="#D8DADB" /> |
| 2740 |
<rect x={12.1562} y={40.75} width={4.58824} height={0.75} rx={0.375} fill="white" /> |
| 2741 |
<rect x={12.1562} y={42.25} width={9.96837} height={1} rx={0.5} fill="white" /> |
| 2742 |
<rect x={28} y={38} width={22} height={8} rx={1} fill="#8796A1" /> |
| 2743 |
<rect x={29.8125} y={40} width={5.43729} height={4} rx={0.573529} fill="#D8DADB" /> |
| 2744 |
<rect x={36.1562} y={40.75} width={4.58824} height={0.75} rx={0.375} fill="white" /> |
| 2745 |
<rect x={36.1562} y={42.25} width={9.96837} height={1} rx={0.5} fill="white" /> |
| 2746 |
<path |
| 2747 |
d="M28 38.6882C28 38.3081 28.3081 38 28.6882 38H49.3118C49.6919 38 50 38.3081 50 38.6882V39H28V38.6882Z" |
| 2748 |
fill="#58707F" |
| 2749 |
/> |
| 2750 |
<rect x={52} y={38} width={22} height={8} rx={1} fill="#8796A1" /> |
| 2751 |
<rect x={53.8125} y={40} width={5.43729} height={4} rx={0.573529} fill="#D8DADB" /> |
| 2752 |
<rect x={60.1562} y={40.75} width={4.58824} height={0.75} rx={0.375} fill="white" /> |
| 2753 |
<rect x={60.1562} y={42.25} width={9.96837} height={1} rx={0.5} fill="white" /> |
| 2754 |
<rect x={29.8242} y={13.6309} width={18.3529} height={2} rx={1} fill="white" /> |
| 2755 |
<rect x={24} y={17.6309} width={30} height={1.75} rx={0.875} fill="white" /> |
| 2756 |
<rect x={32} y={22.3809} width={14} height={4} rx={0.5} fill="white" /> |
| 2757 |
<rect x={35} y={23.6328} width={8} height={1.5} rx={0.75} fill="#58707F" /> |
| 2758 |
</svg> |
| 2759 |
); |
| 2760 |
export const PostThumbnailLayoutFive = ({ value }) => ( |
| 2761 |
<svg width={78} height={50} viewBox="0 0 78 50" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 2762 |
<rect x={0.6} y={0.6} width={76.8} height={48.8} rx={2.4} fill="white" /> |
| 2763 |
<rect |
| 2764 |
x={0.6} |
| 2765 |
y={0.6} |
| 2766 |
width={76.8} |
| 2767 |
height={48.8} |
| 2768 |
rx={2.4} |
| 2769 |
stroke={value === "thumbnail-slider-layout-five" ? "#1A74E4" : "#8796A1"} |
| 2770 |
strokeWidth={1.2} |
| 2771 |
/> |
| 2772 |
<rect x={4} y={4} width={70} height={42} rx={2} fill="#58707F" /> |
| 2773 |
<path d="M4 28H74V44C74 45.1046 73.1046 46 72 46H6C4.89543 46 4 45.1046 4 44V28Z" fill="#32383C" /> |
| 2774 |
<rect x={6} y={30} width={12} height={6} rx={0.5} fill="#D8DADB" /> |
| 2775 |
<rect x={19.5} y={30} width={12} height={6} rx={0.5} fill="#D8DADB" /> |
| 2776 |
<rect x={33} y={30} width={12} height={6} rx={0.5} fill="#D8DADB" /> |
| 2777 |
<rect x={46.5} y={30} width={12} height={6} rx={0.5} fill="#D8DADB" /> |
| 2778 |
<rect x={60} y={30} width={12} height={6} rx={0.5} fill="#D8DADB" /> |
| 2779 |
<rect x={6} y={38} width={12} height={6} rx={0.5} fill="#D8DADB" /> |
| 2780 |
<rect x={19.5} y={38} width={12} height={6} rx={0.5} fill="#D8DADB" /> |
| 2781 |
<rect x={33} y={38} width={12} height={6} rx={0.5} fill="#D8DADB" /> |
| 2782 |
<rect x={46.5} y={38} width={12} height={6} rx={0.5} fill="#D8DADB" /> |
| 2783 |
<rect x={60} y={38} width={12} height={6} rx={0.5} fill="#D8DADB" /> |
| 2784 |
<rect x={8} y={9.61914} width={18.3529} height={2} rx={1} fill="white" /> |
| 2785 |
<rect x={8} y={13.6191} width={24} height={1.75} rx={0.875} fill="white" /> |
| 2786 |
<rect x={8} y={18.3691} width={14} height={4} rx={0.5} fill="white" /> |
| 2787 |
<rect x={11} y={19.6211} width={8} height={1.5} rx={0.75} fill="#58707F" /> |
| 2788 |
</svg> |
| 2789 |
); |
| 2790 |
export const PostThumbnailLayoutSix = ({ value }) => ( |
| 2791 |
<svg width={78} height={50} viewBox="0 0 78 50" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 2792 |
<rect x={0.6} y={0.6} width={76.8} height={48.8} rx={2.4} fill="white" /> |
| 2793 |
<rect |
| 2794 |
x={0.6} |
| 2795 |
y={0.6} |
| 2796 |
width={76.8} |
| 2797 |
height={48.8} |
| 2798 |
rx={2.4} |
| 2799 |
stroke={value === "thumbnail-slider-layout-six" ? "#1A74E4" : "#8796A1"} |
| 2800 |
strokeWidth={1.2} |
| 2801 |
/> |
| 2802 |
<rect x={4} y={38} width={12.6176} height={8.02941} rx={0.5} fill="#58707F" /> |
| 2803 |
<rect x={18.3457} y={38} width={12.6176} height={8.02941} rx={0.5} fill="#58707F" /> |
| 2804 |
<path |
| 2805 |
d="M32.6914 38.5C32.6914 38.2239 32.9153 38 33.1914 38H36.7248C36.8811 38 37.0284 38.0731 37.1229 38.1975L38.6007 40.1426C38.8008 40.4059 39.1969 40.4059 39.397 40.1426L40.8747 38.1975C40.9693 38.0731 41.1166 38 41.2729 38H44.8091C45.0852 38 45.3091 38.2239 45.3091 38.5V45.5294C45.3091 45.8056 45.0852 46.0294 44.8091 46.0294H33.1914C32.9153 46.0294 32.6914 45.8056 32.6914 45.5294V38.5Z" |
| 2806 |
fill="#58707F" |
| 2807 |
/> |
| 2808 |
<rect x={47.0371} y={38} width={12.6176} height={8.02941} rx={0.5} fill="#58707F" /> |
| 2809 |
<rect x={61.3828} y={38} width={12.6176} height={8.02941} rx={0.5} fill="#58707F" /> |
| 2810 |
<rect x={4} y={4} width={70} height={32} rx={2} fill="#9EA9B2" /> |
| 2811 |
<path d="M43 4H72C73.1046 4 74 4.89543 74 6V34C74 35.1046 73.1046 36 72 36H43V4Z" fill="#58707F" /> |
| 2812 |
<rect x={8} y={13.6191} width={18.3529} height={2} rx={1} fill="white" /> |
| 2813 |
<rect x={8} y={17.6191} width={24} height={1.75} rx={0.875} fill="white" /> |
| 2814 |
<rect x={8} y={22.3691} width={14} height={4} rx={0.5} fill="white" /> |
| 2815 |
<rect x={11} y={23.6211} width={8} height={1.5} rx={0.75} fill="#58707F" /> |
| 2816 |
<rect x={33} y={31} width={3} height={3} rx={1.5} fill="white" fillOpacity={0.6} /> |
| 2817 |
<rect x={37.5} y={31} width={3} height={3} rx={1.5} fill="white" /> |
| 2818 |
<rect x={42} y={31} width={3} height={3} rx={1.5} fill="white" fillOpacity={0.6} /> |
| 2819 |
</svg> |
| 2820 |
); |
| 2821 |
// Post slider two layout icon. |
| 2822 |
export const PostSliderTwoLayoutOne = ({ value }) => ( |
| 2823 |
<svg width={78} height={50} viewBox="0 0 78 50" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 2824 |
<rect x={0.75} y={0.75} width={76.5} height={48.5} rx={2.25} fill="white" /> |
| 2825 |
<rect |
| 2826 |
x={0.75} |
| 2827 |
y={0.75} |
| 2828 |
width={76.5} |
| 2829 |
height={48.5} |
| 2830 |
rx={2.25} |
| 2831 |
stroke={value === "post-slider-two-layout-one" ? "#458DD7" : "#8796A1"} |
| 2832 |
strokeWidth={1.5} |
| 2833 |
/> |
| 2834 |
<rect x={32.1748} y={35.9028} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 2835 |
<rect x={37.3745} y={35.9028} width={3.25} height={3.25} rx={1.625} fill="#FBFBFB" /> |
| 2836 |
<rect x={42.5747} y={35.9028} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 2837 |
<rect x={4} y={4} width={70} height={42} rx={1.5} fill="#58707F" /> |
| 2838 |
<rect x={21.5} y={13} width={35} height={24} fill="#8796A1" /> |
| 2839 |
<rect x={29.8232} y={18.6299} width={18.3529} height={2} rx={1} fill="white" /> |
| 2840 |
<rect x={27.5869} y={22.6299} width={22.8261} height={1.75} rx={0.875} fill="white" /> |
| 2841 |
<rect x={32} y={27.3799} width={14} height={4} rx={0.5} fill="white" /> |
| 2842 |
<rect x={35} y={28.6309} width={8} height={1.5} rx={0.75} fill="#58707F" /> |
| 2843 |
<path |
| 2844 |
d="M10.6001 21.625L7.4161 25L10.6001 28.375" |
| 2845 |
stroke="white" |
| 2846 |
strokeWidth={1.68751} |
| 2847 |
strokeLinecap="round" |
| 2848 |
strokeLinejoin="round" |
| 2849 |
/> |
| 2850 |
<path |
| 2851 |
d="M67.3999 21.625L70.5839 25L67.3999 28.375" |
| 2852 |
stroke="white" |
| 2853 |
strokeWidth={1.68751} |
| 2854 |
strokeLinecap="round" |
| 2855 |
strokeLinejoin="round" |
| 2856 |
/> |
| 2857 |
<defs> |
| 2858 |
<clipPath id="clip0_7831_265492"> |
| 2859 |
<rect width={12} height={12} fill="white" transform="translate(61 5)" /> |
| 2860 |
</clipPath> |
| 2861 |
</defs> |
| 2862 |
</svg> |
| 2863 |
); |
| 2864 |
export const PostSliderTwoLayoutTwo = ({ value }) => ( |
| 2865 |
<svg width={78} height={50} viewBox="0 0 78 50" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 2866 |
<rect x={0.6} y={0.6} width={76.8} height={48.8} rx={2.4} fill="white" /> |
| 2867 |
<rect |
| 2868 |
x={0.6} |
| 2869 |
y={0.6} |
| 2870 |
width={76.8} |
| 2871 |
height={48.8} |
| 2872 |
rx={2.4} |
| 2873 |
stroke={value === "post-slider-two-layout-two" ? "#458DD7" : "#8796A1"} |
| 2874 |
strokeWidth={1.2} |
| 2875 |
/> |
| 2876 |
<rect x={32.1748} y={35.9028} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 2877 |
<rect x={37.3745} y={35.9028} width={3.25} height={3.25} rx={1.625} fill="#FBFBFB" /> |
| 2878 |
<rect x={42.5747} y={35.9028} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 2879 |
<rect x={4} y={4} width={70} height={42} rx={1.5} fill="#58707F" /> |
| 2880 |
<rect x={16} y={29.25} width={46} height={16.75} fill="#8796A1" /> |
| 2881 |
<rect x={29.8237} y={31.25} width={18.3529} height={2} rx={1} fill="white" /> |
| 2882 |
<rect x={24} y={35.25} width={30} height={1.75} rx={0.875} fill="white" /> |
| 2883 |
<rect x={32} y={40} width={14} height={4} rx={0.5} fill="white" /> |
| 2884 |
<rect x={35} y={41.251} width={8} height={1.5} rx={0.75} fill="#58707F" /> |
| 2885 |
<path |
| 2886 |
d="M10.6001 21.625L7.4161 25L10.6001 28.375" |
| 2887 |
stroke="white" |
| 2888 |
strokeWidth={1.68751} |
| 2889 |
strokeLinecap="round" |
| 2890 |
strokeLinejoin="round" |
| 2891 |
/> |
| 2892 |
<path |
| 2893 |
d="M67.3999 21.625L70.5839 25L67.3999 28.375" |
| 2894 |
stroke="white" |
| 2895 |
strokeWidth={1.68751} |
| 2896 |
strokeLinecap="round" |
| 2897 |
strokeLinejoin="round" |
| 2898 |
/> |
| 2899 |
</svg> |
| 2900 |
); |
| 2901 |
export const PostSliderTwoLayoutThree = ({ value }) => ( |
| 2902 |
<svg width={78} height={50} viewBox="0 0 78 50" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 2903 |
<rect x={0.6} y={0.6} width={76.8} height={48.8} rx={2.4} fill="white" /> |
| 2904 |
<rect |
| 2905 |
x={0.6} |
| 2906 |
y={0.6} |
| 2907 |
width={76.8} |
| 2908 |
height={48.8} |
| 2909 |
rx={2.4} |
| 2910 |
stroke={value === "post-slider-two-layout-three" ? "#458DD7" : "#8796A1"} |
| 2911 |
strokeWidth={1.2} |
| 2912 |
/> |
| 2913 |
<rect x={32.1748} y={35.9028} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 2914 |
<rect x={37.3745} y={35.9028} width={3.25} height={3.25} rx={1.625} fill="#FBFBFB" /> |
| 2915 |
<rect x={42.5747} y={35.9028} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 2916 |
<rect x={4} y={4} width={47} height={42} fill="#58707F" /> |
| 2917 |
<rect x={32.25} y={10.25} width={41.5} height={29.5} fill="#8796A1" stroke="#8796A1" strokeWidth={0.5} /> |
| 2918 |
<rect width={11} height={7} transform="translate(62.5 32.5)" fill="white" /> |
| 2919 |
<path |
| 2920 |
d="M66.2031 34.25L64.5522 36L66.2031 37.75" |
| 2921 |
stroke="#58707F" |
| 2922 |
strokeWidth={0.875} |
| 2923 |
strokeLinecap="round" |
| 2924 |
strokeLinejoin="round" |
| 2925 |
/> |
| 2926 |
<path |
| 2927 |
d="M69.7974 34.25L71.4483 36L69.7974 37.75" |
| 2928 |
stroke="#58707F" |
| 2929 |
strokeWidth={0.875} |
| 2930 |
strokeLinecap="round" |
| 2931 |
strokeLinejoin="round" |
| 2932 |
/> |
| 2933 |
<rect x={37} y={17} width={18.3529} height={2} rx={1} fill="white" /> |
| 2934 |
<rect x={37} y={21} width={24} height={1.75} rx={0.875} fill="white" /> |
| 2935 |
<rect x={37} y={25.75} width={14} height={4} rx={0.5} fill="white" /> |
| 2936 |
<rect x={40} y={27.001} width={8} height={1.5} rx={0.75} fill="#58707F" /> |
| 2937 |
</svg> |
| 2938 |
); |
| 2939 |
|
| 2940 |
// Thumbnail Slider Layout Icon. |
| 2941 |
export const ThumbnailSliderTwoLayoutOne = ({ value }) => ( |
| 2942 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} viewBox="0 0 78 50" fill="none"> |
| 2943 |
<rect x={0.6} y={0.6} width={76.8} height={48.8} rx={2.4} fill="white" /> |
| 2944 |
<rect |
| 2945 |
x={0.6} |
| 2946 |
y={0.6} |
| 2947 |
width={76.8} |
| 2948 |
height={48.8} |
| 2949 |
rx={2.4} |
| 2950 |
stroke={value === "thumbnail-slider-two-layout-one" ? "#458DD7" : "#8796A1"} |
| 2951 |
strokeWidth={1.2} |
| 2952 |
/> |
| 2953 |
<rect x={32.1748} y={35.9028} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 2954 |
<rect x={37.375} y={35.9028} width={3.25} height={3.25} rx={1.625} fill="#FBFBFB" /> |
| 2955 |
<rect x={42.5752} y={35.9028} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 2956 |
<rect x={4} y={4} width={70} height={42} rx={2} fill="#58707F" /> |
| 2957 |
<rect x={26} y={34} width={16} height={12} fill="#444D54" /> |
| 2958 |
<rect x={42} y={36} width={16} height={10} fill="#D8DADB" /> |
| 2959 |
<path d="M58 36H74V44C74 45.1046 73.1046 46 72 46H58V36Z" fill="#D8DADB" /> |
| 2960 |
<rect x={8} y={14.1201} width={18.3529} height={2} rx={1} fill="white" /> |
| 2961 |
<rect x={8} y={18.1201} width={24} height={1.75} rx={0.875} fill="white" /> |
| 2962 |
<rect x={8} y={22.8701} width={14} height={4} rx={0.5} fill="white" /> |
| 2963 |
<rect x={11} y={24.1211} width={8} height={1.5} rx={0.75} fill="#58707F" /> |
| 2964 |
<rect x={28} y={38.5} width={12} height={2} rx={1} fill="white" /> |
| 2965 |
<rect x={28} y={42} width={6} height={1.5} rx={0.75} fill="white" /> |
| 2966 |
<rect x={44} y={38.5} width={12} height={2} rx={1} fill="#58707F" /> |
| 2967 |
<rect x={44} y={42} width={6} height={1.5} rx={0.75} fill="#58707F" /> |
| 2968 |
<rect x={60} y={38.5} width={12} height={2} rx={1} fill="#58707F" /> |
| 2969 |
<rect x={60} y={42} width={6} height={1.5} rx={0.75} fill="#58707F" /> |
| 2970 |
</svg> |
| 2971 |
); |
| 2972 |
|
| 2973 |
export const ThumbnailSliderTwoLayoutTwo = ({ value }) => ( |
| 2974 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} viewBox="0 0 78 50" fill="none"> |
| 2975 |
<rect x={0.6} y={0.6} width={76.8} height={48.8} rx={2.4} fill="white" /> |
| 2976 |
<rect |
| 2977 |
x={0.6} |
| 2978 |
y={0.6} |
| 2979 |
width={76.8} |
| 2980 |
height={48.8} |
| 2981 |
rx={2.4} |
| 2982 |
stroke={value === "thumbnail-slider-two-layout-two" ? "#458DD7" : "#8796A1"} |
| 2983 |
strokeWidth={1.2} |
| 2984 |
/> |
| 2985 |
<rect x={32.1748} y={35.9028} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 2986 |
<rect x={37.375} y={35.9028} width={3.25} height={3.25} rx={1.625} fill="#FBFBFB" /> |
| 2987 |
<rect x={42.5752} y={35.9028} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 2988 |
<rect x={4} y={4} width={70} height={42} rx={2} fill="#58707F" /> |
| 2989 |
<rect x={8} y={14.1201} width={18.3529} height={2} rx={1} fill="white" /> |
| 2990 |
<rect x={8} y={18.1201} width={24} height={1.75} rx={0.875} fill="white" /> |
| 2991 |
<rect x={8} y={22.8701} width={14} height={4} rx={0.5} fill="white" /> |
| 2992 |
<rect x={11} y={24.1211} width={8} height={1.5} rx={0.75} fill="#58707F" /> |
| 2993 |
<rect x={8} y={37} width={12} height={1.5} rx={0.75} fill="white" /> |
| 2994 |
<rect x={8} y={39.7998} width={6} height={1.2} rx={0.6} fill="white" /> |
| 2995 |
<line x1={8} y1={42.25} x2={21} y2={42.25} stroke="white" strokeWidth={0.5} /> |
| 2996 |
<rect x={24} y={37} width={13} height={1.5} rx={0.75} fill="white" /> |
| 2997 |
<rect x={24} y={39.7998} width={6} height={1.2} rx={0.6} fill="white" /> |
| 2998 |
<line x1={24} y1={42.25} x2={37} y2={42.25} stroke="white" strokeWidth={0.5} /> |
| 2999 |
<rect x={41} y={37} width={11} height={1.5} rx={0.75} fill="white" /> |
| 3000 |
<rect x={41} y={39.7998} width={6} height={1.2} rx={0.6} fill="white" /> |
| 3001 |
<line x1={41} y1={42.25} x2={54} y2={42.25} stroke="white" strokeWidth={0.5} /> |
| 3002 |
<rect x={57} y={37} width={12} height={1.5} rx={0.75} fill="white" /> |
| 3003 |
<rect x={57} y={39.7998} width={6} height={1.2} rx={0.6} fill="white" /> |
| 3004 |
<line x1={57} y1={42.25} x2={70} y2={42.25} stroke="white" strokeWidth={0.5} /> |
| 3005 |
</svg> |
| 3006 |
); |
| 3007 |
|
| 3008 |
export const ThumbnailSliderTwoLayoutThree = ({ value }) => ( |
| 3009 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} viewBox="0 0 78 50" fill="none"> |
| 3010 |
<rect x={0.6} y={0.6} width={76.8} height={48.8} rx={2.4} fill="white" /> |
| 3011 |
<rect |
| 3012 |
x={0.6} |
| 3013 |
y={0.6} |
| 3014 |
width={76.8} |
| 3015 |
height={48.8} |
| 3016 |
rx={2.4} |
| 3017 |
stroke={value === "thumbnail-slider-two-layout-three" ? "#458DD7" : "#8796A1"} |
| 3018 |
strokeWidth={1.2} |
| 3019 |
/> |
| 3020 |
<rect x={32.1748} y={35.9028} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 3021 |
<rect x={37.375} y={35.9028} width={3.25} height={3.25} rx={1.625} fill="#FBFBFB" /> |
| 3022 |
<rect x={42.5752} y={35.9028} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 3023 |
<rect x={4} y={4} width={70} height={42} rx={2} fill="#58707F" /> |
| 3024 |
<rect x={8} y={28} width={18.3529} height={2} rx={1} fill="white" /> |
| 3025 |
<rect x={8} y={32} width={24} height={1.75} rx={0.875} fill="white" /> |
| 3026 |
<rect x={8} y={36.75} width={14} height={4} rx={0.5} fill="white" /> |
| 3027 |
<rect x={11} y={38.001} width={8} height={1.5} rx={0.75} fill="#58707F" /> |
| 3028 |
<rect x={39} y={28} width={9} height={13} fill="#D8DADB" /> |
| 3029 |
<rect x={50} y={28} width={9} height={13} fill="#D8DADB" /> |
| 3030 |
<rect x={61} y={28} width={9} height={13} fill="#D8DADB" /> |
| 3031 |
<rect x={40} y={37} width={6} height={1.2} rx={0.6} fill="#58707F" /> |
| 3032 |
<rect x={40} y={39} width={4} height={1} rx={0.5} fill="#58707F" /> |
| 3033 |
<rect x={51} y={37} width={6} height={1.2} rx={0.6} fill="#58707F" /> |
| 3034 |
<rect x={51} y={39} width={4} height={1} rx={0.5} fill="#58707F" /> |
| 3035 |
<rect x={62} y={37} width={6} height={1.2} rx={0.6} fill="#58707F" /> |
| 3036 |
<rect x={62} y={39} width={4} height={1} rx={0.5} fill="#58707F" /> |
| 3037 |
</svg> |
| 3038 |
); |
| 3039 |
|
| 3040 |
export const ThumbnailSliderTwoLayoutFour = ({ value }) => ( |
| 3041 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} viewBox="0 0 78 50" fill="none"> |
| 3042 |
<rect x={0.6} y={0.6} width={76.8} height={48.8} rx={2.4} fill="white" /> |
| 3043 |
<rect |
| 3044 |
x={0.6} |
| 3045 |
y={0.6} |
| 3046 |
width={76.8} |
| 3047 |
height={48.8} |
| 3048 |
rx={2.4} |
| 3049 |
stroke={value === "thumbnail-slider-two-layout-four" ? "#458DD7" : "#8796A1"} |
| 3050 |
strokeWidth={1.2} |
| 3051 |
/> |
| 3052 |
<rect x={32.1748} y={35.9028} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 3053 |
<rect x={37.375} y={35.9028} width={3.25} height={3.25} rx={1.625} fill="#FBFBFB" /> |
| 3054 |
<rect x={42.5752} y={35.9028} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 3055 |
<rect x={4} y={4} width={70} height={42} rx={2} fill="#58707F" /> |
| 3056 |
<rect x={8} y={28} width={18.3529} height={2} rx={1} fill="white" /> |
| 3057 |
<rect x={8} y={32} width={24} height={1.75} rx={0.875} fill="white" /> |
| 3058 |
<rect x={8} y={36.75} width={14} height={4} rx={0.5} fill="white" /> |
| 3059 |
<rect x={11} y={38.001} width={8} height={1.5} rx={0.75} fill="#58707F" /> |
| 3060 |
<rect x={40} y={37} width={6} height={1.2} rx={0.6} fill="#58707F" /> |
| 3061 |
<rect x={40} y={39} width={4} height={1} rx={0.5} fill="#58707F" /> |
| 3062 |
<rect x={44} y={7.5} width={22} height={8} rx={0.2} fill="#D8DADB" /> |
| 3063 |
<rect x={46} y={9} width={8} height={5} rx={0.5} fill="#9EA9B2" /> |
| 3064 |
<rect x={56} y={10} width={8} height={1.2} rx={0.6} fill="#58707F" /> |
| 3065 |
<rect x={56} y={12} width={4} height={1} rx={0.5} fill="#58707F" /> |
| 3066 |
<rect x={44} y={16.5} width={22} height={8} rx={0.2} fill="#D8DADB" /> |
| 3067 |
<rect x={46} y={18} width={8} height={5} rx={0.5} fill="#9EA9B2" /> |
| 3068 |
<rect x={56} y={19} width={8} height={1.2} rx={0.6} fill="#58707F" /> |
| 3069 |
<rect x={56} y={21} width={4} height={1} rx={0.5} fill="#58707F" /> |
| 3070 |
<rect x={44} y={25.5} width={22} height={8} rx={0.2} fill="#D8DADB" /> |
| 3071 |
<rect x={46} y={27} width={8} height={5} rx={0.5} fill="#9EA9B2" /> |
| 3072 |
<rect x={56} y={28} width={8} height={1.2} rx={0.6} fill="#58707F" /> |
| 3073 |
<rect x={56} y={30} width={4} height={1} rx={0.5} fill="#58707F" /> |
| 3074 |
<rect x={44} y={34.5} width={22} height={8} rx={0.2} fill="#D8DADB" /> |
| 3075 |
<rect x={46} y={36} width={8} height={5} rx={0.5} fill="#9EA9B2" /> |
| 3076 |
<rect x={56} y={37} width={8} height={1.2} rx={0.6} fill="#58707F" /> |
| 3077 |
<rect x={56} y={39} width={4} height={1} rx={0.5} fill="#58707F" /> |
| 3078 |
</svg> |
| 3079 |
); |
| 3080 |
|
| 3081 |
export const ThumbnailSliderTwoLayoutFive = ({ value }) => ( |
| 3082 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} viewBox="0 0 78 50" fill="none"> |
| 3083 |
<rect x={0.6} y={0.6} width={76.8} height={48.8} rx={2.4} fill="white" /> |
| 3084 |
<rect |
| 3085 |
x={0.6} |
| 3086 |
y={0.6} |
| 3087 |
width={76.8} |
| 3088 |
height={48.8} |
| 3089 |
rx={2.4} |
| 3090 |
stroke={value === "thumbnail-slider-two-layout-five" ? "#458DD7" : "#8796A1"} |
| 3091 |
strokeWidth={1.2} |
| 3092 |
/> |
| 3093 |
<rect x={32.1748} y={35.9028} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 3094 |
<rect x={37.375} y={35.9028} width={3.25} height={3.25} rx={1.625} fill="#FBFBFB" /> |
| 3095 |
<rect x={42.5752} y={35.9028} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 3096 |
<rect x={4} y={4} width={70} height={42} rx={2} fill="#58707F" /> |
| 3097 |
<rect x={8} y={28} width={18.3529} height={2} rx={1} fill="white" /> |
| 3098 |
<rect x={8} y={32} width={24} height={1.75} rx={0.875} fill="white" /> |
| 3099 |
<rect x={8} y={36.75} width={14} height={4} rx={0.5} fill="white" /> |
| 3100 |
<rect x={11} y={38.001} width={8} height={1.5} rx={0.75} fill="#58707F" /> |
| 3101 |
<path d="M47 4H72C73.1046 4 74 4.89543 74 6V44C74 45.1046 73.1046 46 72 46H47V4Z" fill="#D8DADB" /> |
| 3102 |
<rect x={51} y={6} width={9} height={6} rx={0.5} fill="#9EA9B2" /> |
| 3103 |
<rect x={62} y={7.5} width={8} height={1.2} rx={0.6} fill="#58707F" /> |
| 3104 |
<rect x={62} y={9.5} width={4} height={1} rx={0.5} fill="#58707F" /> |
| 3105 |
<rect x={51} y={14} width={9} height={6} rx={0.5} fill="#9EA9B2" /> |
| 3106 |
<rect x={62} y={15.5} width={8} height={1.2} rx={0.6} fill="#58707F" /> |
| 3107 |
<rect x={62} y={17.5} width={4} height={1} rx={0.5} fill="#58707F" /> |
| 3108 |
<rect x={51} y={22} width={9} height={6} rx={0.5} fill="#9EA9B2" /> |
| 3109 |
<rect x={62} y={23.5} width={8} height={1.2} rx={0.6} fill="#58707F" /> |
| 3110 |
<rect x={62} y={25.5} width={4} height={1} rx={0.5} fill="#58707F" /> |
| 3111 |
<rect x={51} y={30} width={9} height={6} rx={0.5} fill="#9EA9B2" /> |
| 3112 |
<rect x={62} y={31.5} width={8} height={1.2} rx={0.6} fill="#58707F" /> |
| 3113 |
<rect x={62} y={33.5} width={4} height={1} rx={0.5} fill="#58707F" /> |
| 3114 |
<rect x={51} y={38} width={9} height={6} rx={0.5} fill="#9EA9B2" /> |
| 3115 |
<rect x={62} y={39.5} width={8} height={1.2} rx={0.6} fill="#58707F" /> |
| 3116 |
<rect x={62} y={41.5} width={4} height={1} rx={0.5} fill="#58707F" /> |
| 3117 |
</svg> |
| 3118 |
); |
| 3119 |
|
| 3120 |
export const SocialProfilesLayoutOne = ({ value }) => ( |
| 3121 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} viewBox="0 0 78 50" fill="none"> |
| 3122 |
<path |
| 3123 |
d="M6 0.75H72C73.4352 0.75 74.4361 0.752017 75.1914 0.853516C75.8334 0.939826 76.2116 1.08832 76.4814 1.30957L76.5908 1.40918C76.8676 1.68594 77.0478 2.07482 77.1465 2.80859C77.248 3.5639 77.25 4.56485 77.25 6V44C77.25 45.4352 77.248 46.4361 77.1465 47.1914C77.0602 47.8334 76.9117 48.2116 76.6904 48.4814L76.5908 48.5908C76.3141 48.8676 75.9252 49.0478 75.1914 49.1465C74.4361 49.248 73.4352 49.25 72 49.25H6C4.56485 49.25 3.5639 49.248 2.80859 49.1465C2.16662 49.0602 1.78836 48.9117 1.51855 48.6904L1.40918 48.5908C1.13242 48.3141 0.952169 47.9252 0.853516 47.1914C0.752017 46.4361 0.75 45.4352 0.75 44V6C0.75 4.56485 0.752017 3.5639 0.853516 2.80859C0.952169 2.07482 1.13242 1.68594 1.40918 1.40918C1.68594 1.13242 2.07482 0.952169 2.80859 0.853516C3.5639 0.752017 4.56485 0.75 6 0.75Z" |
| 3124 |
fill="white" |
| 3125 |
/> |
| 3126 |
<path |
| 3127 |
d="M6 0.75H72C73.4352 0.75 74.4361 0.752017 75.1914 0.853516C75.8334 0.939826 76.2116 1.08832 76.4814 1.30957L76.5908 1.40918C76.8676 1.68594 77.0478 2.07482 77.1465 2.80859C77.248 3.5639 77.25 4.56485 77.25 6V44C77.25 45.4352 77.248 46.4361 77.1465 47.1914C77.0602 47.8334 76.9117 48.2116 76.6904 48.4814L76.5908 48.5908C76.3141 48.8676 75.9252 49.0478 75.1914 49.1465C74.4361 49.248 73.4352 49.25 72 49.25H6C4.56485 49.25 3.5639 49.248 2.80859 49.1465C2.16662 49.0602 1.78836 48.9117 1.51855 48.6904L1.40918 48.5908C1.13242 48.3141 0.952169 47.9252 0.853516 47.1914C0.752017 46.4361 0.75 45.4352 0.75 44V6C0.75 4.56485 0.752017 3.5639 0.853516 2.80859C0.952169 2.07482 1.13242 1.68594 1.40918 1.40918C1.68594 1.13242 2.07482 0.952169 2.80859 0.853516C3.5639 0.752017 4.56485 0.75 6 0.75Z" |
| 3128 |
stroke={value === "social-profiles-layout-one" ? "#458DD7" : "#8796A1"} |
| 3129 |
strokeWidth={1.5} |
| 3130 |
/> |
| 3131 |
<rect x={32.175} y={35.903} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 3132 |
<rect x={37.375} y={35.903} width={3.25} height={3.25} rx={1.625} fill="#FBFBFB" /> |
| 3133 |
<rect x={42.575} y={35.903} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 3134 |
<rect x={7} y={21} width={8} height={8} rx={4} fill="#58707F" /> |
| 3135 |
<rect x={21} y={21} width={8} height={8} rx={4} fill="#58707F" /> |
| 3136 |
<rect x={35} y={21} width={8} height={8} rx={4} fill="#58707F" /> |
| 3137 |
<rect x={49} y={21} width={8} height={8} rx={4} fill="#58707F" /> |
| 3138 |
<rect x={63} y={21} width={8} height={8} rx={4} fill="#58707F" /> |
| 3139 |
</svg> |
| 3140 |
); |
| 3141 |
|
| 3142 |
export const SocialProfilesLayoutTwo = ({ value }) => ( |
| 3143 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} viewBox="0 0 78 50" fill="none"> |
| 3144 |
<rect x={0.6} y={0.6} width={76.8} height={48.8} rx={2.4} fill="white" /> |
| 3145 |
<rect |
| 3146 |
x={0.6} |
| 3147 |
y={0.6} |
| 3148 |
width={76.8} |
| 3149 |
height={48.8} |
| 3150 |
rx={2.4} |
| 3151 |
stroke={value === "social-profiles-layout-two" ? "#458DD7" : "#8796A1"} |
| 3152 |
strokeWidth={1.2} |
| 3153 |
/> |
| 3154 |
<rect x={32.175} y={35.903} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 3155 |
<rect x={37.375} y={35.903} width={3.25} height={3.25} rx={1.625} fill="#FBFBFB" /> |
| 3156 |
<rect x={42.575} y={35.903} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 3157 |
<rect x={5} y={22} width={6} height={6} rx={3} fill="#58707F" /> |
| 3158 |
<rect x={13} y={23.5} width={11} height={3} rx={1.5} fill="#58707F" /> |
| 3159 |
<rect x={30} y={22} width={6} height={6} rx={3} fill="#58707F" /> |
| 3160 |
<rect x={38} y={23.5} width={10} height={3} rx={1.5} fill="#58707F" /> |
| 3161 |
<rect x={54} y={22} width={6} height={6} rx={3} fill="#58707F" /> |
| 3162 |
<rect x={62} y={23.5} width={11} height={3} rx={1.5} fill="#58707F" /> |
| 3163 |
</svg> |
| 3164 |
); |
| 3165 |
|
| 3166 |
export const SocialProfilesLayoutThree = ({ value }) => ( |
| 3167 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} viewBox="0 0 78 50" fill="none"> |
| 3168 |
<rect x={0.6} y={0.6} width={76.8} height={48.8} rx={2.4} fill="white" /> |
| 3169 |
<rect |
| 3170 |
x={0.6} |
| 3171 |
y={0.6} |
| 3172 |
width={76.8} |
| 3173 |
height={48.8} |
| 3174 |
rx={2.4} |
| 3175 |
stroke={value === "social-profiles-layout-three" ? "#458DD7" : "#8796A1"} |
| 3176 |
strokeWidth={1.2} |
| 3177 |
/> |
| 3178 |
<rect x={32.175} y={35.903} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 3179 |
<rect x={37.375} y={35.903} width={3.25} height={3.25} rx={1.625} fill="#FBFBFB" /> |
| 3180 |
<rect x={42.575} y={35.903} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 3181 |
<rect x={5} y={5} width={68} height={12} rx={1} fill="#58707F" /> |
| 3182 |
<rect x={9} y={8} width={6} height={6} rx={3} fill="white" /> |
| 3183 |
<rect x={17} y={9} width={0.75} height={4} rx={0.375} fill="#D8DADB" /> |
| 3184 |
<rect x={19.75} y={9.5} width={13} height={3} rx={1.5} fill="white" /> |
| 3185 |
<rect x={60} y={9.5} width={9} height={3} rx={1.5} fill="white" /> |
| 3186 |
<rect x={5} y={19} width={68} height={12} rx={1} fill="#58707F" /> |
| 3187 |
<rect x={9} y={22} width={6} height={6} rx={3} fill="white" /> |
| 3188 |
<rect x={17} y={23} width={0.75} height={4} rx={0.375} fill="#D8DADB" /> |
| 3189 |
<rect x={19.75} y={23.5} width={10} height={3} rx={1.5} fill="white" /> |
| 3190 |
<rect x={57} y={23.5} width={12} height={3} rx={1.5} fill="white" /> |
| 3191 |
<rect x={5} y={33} width={68} height={12} rx={1} fill="#58707F" /> |
| 3192 |
<rect x={9} y={36} width={6} height={6} rx={3} fill="white" /> |
| 3193 |
<rect x={17} y={37} width={0.75} height={4} rx={0.375} fill="#D8DADB" /> |
| 3194 |
<rect x={19.75} y={37.5} width={12} height={3} rx={1.5} fill="white" /> |
| 3195 |
<rect x={57} y={37.5} width={12} height={3} rx={1.5} fill="white" /> |
| 3196 |
</svg> |
| 3197 |
); |
| 3198 |
|
| 3199 |
export const SocialProfilesLayoutFour = ({ value }) => ( |
| 3200 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} viewBox="0 0 78 50" fill="none"> |
| 3201 |
<rect x={0.6} y={0.6} width={76.8} height={48.8} rx={2.4} fill="white" /> |
| 3202 |
<rect |
| 3203 |
x={0.6} |
| 3204 |
y={0.6} |
| 3205 |
width={76.8} |
| 3206 |
height={48.8} |
| 3207 |
rx={2.4} |
| 3208 |
stroke={value === "social-profiles-layout-four" ? "#458DD7" : "#8796A1"} |
| 3209 |
strokeWidth={1.2} |
| 3210 |
/> |
| 3211 |
<rect x={32.175} y={35.903} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 3212 |
<rect x={37.375} y={35.903} width={3.25} height={3.25} rx={1.625} fill="#FBFBFB" /> |
| 3213 |
<rect x={42.575} y={35.903} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 3214 |
<rect x={5} y={5} width={21.3333} height={19} rx={1} fill="#58707F" /> |
| 3215 |
<rect x={12.6667} y={9} width={6} height={6} rx={3} fill="white" /> |
| 3216 |
<rect x={9.16675} y={17} width={13} height={3} rx={1.5} fill="white" /> |
| 3217 |
<rect x={28.3333} y={5} width={21.3333} height={19} rx={1} fill="#58707F" /> |
| 3218 |
<rect x={36} y={9} width={6} height={6} rx={3} fill="white" /> |
| 3219 |
<rect x={32.5} y={17} width={13} height={3} rx={1.5} fill="white" /> |
| 3220 |
<rect x={51.6667} y={5} width={21.3333} height={19} rx={1} fill="#58707F" /> |
| 3221 |
<rect x={59.3335} y={9} width={6} height={6} rx={3} fill="white" /> |
| 3222 |
<rect x={55.8335} y={17} width={13} height={3} rx={1.5} fill="white" /> |
| 3223 |
<rect x={5} y={26} width={21.3333} height={19} rx={1} fill="#58707F" /> |
| 3224 |
<rect x={12.6667} y={30} width={6} height={6} rx={3} fill="white" /> |
| 3225 |
<rect x={9.16675} y={38} width={13} height={3} rx={1.5} fill="white" /> |
| 3226 |
<rect x={28.3333} y={26} width={21.3333} height={19} rx={1} fill="#58707F" /> |
| 3227 |
<rect x={36} y={30} width={6} height={6} rx={3} fill="white" /> |
| 3228 |
<rect x={32.5} y={38} width={13} height={3} rx={1.5} fill="white" /> |
| 3229 |
<rect x={51.6667} y={26} width={21.3333} height={19} rx={1} fill="#58707F" /> |
| 3230 |
<rect x={59.3335} y={30} width={6} height={6} rx={3} fill="white" /> |
| 3231 |
<rect x={55.8335} y={38} width={13} height={3} rx={1.5} fill="white" /> |
| 3232 |
</svg> |
| 3233 |
); |
| 3234 |
|
| 3235 |
export const SocialProfilesLayoutFive = ({ value }) => ( |
| 3236 |
<svg xmlns="http://www.w3.org/2000/svg" width={78} height={50} viewBox="0 0 78 50" fill="none"> |
| 3237 |
<rect x={0.6} y={0.6} width={76.8} height={48.8} rx={2.4} fill="white" /> |
| 3238 |
<rect |
| 3239 |
x={0.6} |
| 3240 |
y={0.6} |
| 3241 |
width={76.8} |
| 3242 |
height={48.8} |
| 3243 |
rx={2.4} |
| 3244 |
stroke={value === "social-profiles-layout-five" ? "#458DD7" : "#8796A1"} |
| 3245 |
strokeWidth={1.2} |
| 3246 |
/> |
| 3247 |
<rect x={32.175} y={35.903} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 3248 |
<rect x={37.375} y={35.903} width={3.25} height={3.25} rx={1.625} fill="#FBFBFB" /> |
| 3249 |
<rect x={42.575} y={35.903} width={3.25} height={3.25} rx={1.625} fill="white" fillOpacity={0.5} /> |
| 3250 |
<mask id="path-5-inside-1_8929_165668" fill="white"> |
| 3251 |
<path d="M5 7C5 6.44771 5.44772 6 6 6H27.6667V25H5V7Z" /> |
| 3252 |
</mask> |
| 3253 |
<path d="M5 7C5 6.44771 5.44772 6 6 6H27.6667V25H5V7Z" fill="white" /> |
| 3254 |
<path |
| 3255 |
d="M4.25 7C4.25 6.0335 5.0335 5.25 6 5.25H27.6667V6.75H6C5.86193 6.75 5.75 6.86193 5.75 7H4.25ZM27.6667 25H5H27.6667ZM4.25 25V7C4.25 6.0335 5.0335 5.25 6 5.25V6.75C5.86193 6.75 5.75 6.86193 5.75 7V25H4.25ZM27.6667 6V25V6Z" |
| 3256 |
fill="#58707F" |
| 3257 |
mask="url(#path-5-inside-1_8929_165668)" |
| 3258 |
/> |
| 3259 |
<rect x={13.3333} y={10} width={6} height={6} rx={3} fill="#58707F" /> |
| 3260 |
<rect x={9.83325} y={18} width={13} height={3} rx={1.5} fill="#58707F" /> |
| 3261 |
<mask id="path-9-inside-2_8929_165668" fill="white"> |
| 3262 |
<path d="M27.6667 6H50.3334V25H27.6667V6Z" /> |
| 3263 |
</mask> |
| 3264 |
<path d="M27.6667 6H50.3334V25H27.6667V6Z" fill="white" /> |
| 3265 |
<path |
| 3266 |
d="M27.6667 6V5.25H26.9167V6H27.6667ZM27.6667 6V6.75H50.3334V6V5.25H27.6667V6ZM27.6667 25H28.4167V6H27.6667H26.9167V25H27.6667Z" |
| 3267 |
fill="#58707F" |
| 3268 |
mask="url(#path-9-inside-2_8929_165668)" |
| 3269 |
/> |
| 3270 |
<rect x={36} y={10} width={6} height={6} rx={3} fill="#58707F" /> |
| 3271 |
<rect x={32.5} y={18} width={13} height={3} rx={1.5} fill="#58707F" /> |
| 3272 |
<mask id="path-13-inside-3_8929_165668" fill="white"> |
| 3273 |
<path d="M50.3333 6H71.9999C72.5522 6 72.9999 6.44772 72.9999 7V25H50.3333V6Z" /> |
| 3274 |
</mask> |
| 3275 |
<path d="M50.3333 6H71.9999C72.5522 6 72.9999 6.44772 72.9999 7V25H50.3333V6Z" fill="white" /> |
| 3276 |
<path |
| 3277 |
d="M49.5833 5.25H71.9999C72.9664 5.25 73.7499 6.0335 73.7499 7H72.2499C72.2499 6.86193 72.138 6.75 71.9999 6.75H51.0833L49.5833 5.25ZM72.9999 25H50.3333H72.9999ZM49.5833 25V5.25L51.0833 6.75V25H49.5833ZM71.9999 5.25C72.9664 5.25 73.7499 6.0335 73.7499 7V25H72.2499V7C72.2499 6.86193 72.138 6.75 71.9999 6.75V5.25Z" |
| 3278 |
fill="#58707F" |
| 3279 |
mask="url(#path-13-inside-3_8929_165668)" |
| 3280 |
/> |
| 3281 |
<rect x={58.6665} y={10} width={6} height={6} rx={3} fill="#58707F" /> |
| 3282 |
<rect x={55.1665} y={18} width={13} height={3} rx={1.5} fill="#58707F" /> |
| 3283 |
<mask id="path-17-inside-4_8929_165668" fill="white"> |
| 3284 |
<path d="M5 25H27.6667V44H6C5.44771 44 5 43.5523 5 43V25Z" /> |
| 3285 |
</mask> |
| 3286 |
<path d="M5 25H27.6667V44H6C5.44771 44 5 43.5523 5 43V25Z" fill="white" /> |
| 3287 |
<path |
| 3288 |
d="M4.25 24.25H27.6667V25.75H5.75L4.25 24.25ZM27.6667 44.75H6C5.0335 44.75 4.25 43.9665 4.25 43H5.75C5.75 43.1381 5.86193 43.25 6 43.25H27.6667V44.75ZM6 44.75C5.0335 44.75 4.25 43.9665 4.25 43V24.25L5.75 25.75V43C5.75 43.1381 5.86193 43.25 6 43.25V44.75ZM27.6667 25V44V25Z" |
| 3289 |
fill="#58707F" |
| 3290 |
mask="url(#path-17-inside-4_8929_165668)" |
| 3291 |
/> |
| 3292 |
<rect x={13.3333} y={29} width={6} height={6} rx={3} fill="#58707F" /> |
| 3293 |
<rect x={9.83325} y={37} width={13} height={3} rx={1.5} fill="#58707F" /> |
| 3294 |
<mask id="path-21-inside-5_8929_165668" fill="white"> |
| 3295 |
<path d="M27.6667 25H50.3334V44H27.6667V25Z" /> |
| 3296 |
</mask> |
| 3297 |
<path d="M27.6667 25H50.3334V44H27.6667V25Z" fill="white" /> |
| 3298 |
<path |
| 3299 |
d="M27.6667 25V24.25H26.9167V25H27.6667ZM27.6667 44H26.9167V44.75H27.6667V44ZM27.6667 25V25.75H50.3334V25V24.25H27.6667V25ZM50.3334 44V43.25H27.6667V44V44.75H50.3334V44ZM27.6667 44H28.4167V25H27.6667H26.9167V44H27.6667Z" |
| 3300 |
fill="#58707F" |
| 3301 |
mask="url(#path-21-inside-5_8929_165668)" |
| 3302 |
/> |
| 3303 |
<rect x={36} y={29} width={6} height={6} rx={3} fill="#58707F" /> |
| 3304 |
<rect x={32.5} y={37} width={13} height={3} rx={1.5} fill="#58707F" /> |
| 3305 |
<path |
| 3306 |
d="M72.6252 25.375V43C72.6252 43.3451 72.3453 43.6248 72.0002 43.625H50.7083V25.375H72.6252Z" |
| 3307 |
fill="white" |
| 3308 |
/> |
| 3309 |
<path |
| 3310 |
d="M72.6252 25.375V43C72.6252 43.3451 72.3453 43.6248 72.0002 43.625H50.7083V25.375H72.6252Z" |
| 3311 |
stroke="#58707F" |
| 3312 |
strokeWidth={0.75} |
| 3313 |
/> |
| 3314 |
<rect x={58.6665} y={29} width={6} height={6} rx={3} fill="#58707F" /> |
| 3315 |
<rect x={55.1665} y={37} width={13} height={3} rx={1.5} fill="#58707F" /> |
| 3316 |
</svg> |
| 3317 |
); |
| 3318 |
|
