| 1 |
export const PostCarouselBlockIcon = () => ( |
| 2 |
<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" viewBox="0 0 800 800" width={80} height={80}> |
| 3 |
<defs> |
| 4 |
<style>{".sp-st0{fill:var(--sp-smart-primary-2-600)}"}</style> |
| 5 |
</defs> |
| 6 |
<path |
| 7 |
d="M534.2 402.2H265.9c-30.5 0-55.3-24.8-55.3-55.3V179.2c0-30.5 24.8-55.3 55.3-55.3h268.3c30.5 0 55.4 24.8 55.4 55.3v167.7c0 30.5-24.8 55.3-55.4 55.3ZM265.8 167.4c-6.5 0-11.7 5.3-11.7 11.7v167.7c0 6.5 5.3 11.7 11.7 11.7h268.3c6.5 0 11.7-5.3 11.7-11.7V179.1c0-6.5-5.2-11.7-11.7-11.7H265.8ZM500.6 484.3H232.3c-11.1 0-20.1-9-20.1-20.1s9-20.1 20.1-20.1h268.3c11.1 0 20.1 9 20.1 20.1s-9 20.1-20.1 20.1ZM433.5 551.4H232.3c-11.1 0-20.1-9-20.1-20.1s9-20.1 20.1-20.1h201.2c11.1 0 20.1 9 20.1 20.1s-9 20.1-20.1 20.1ZM739.2 402.2h-49.8c-30.5 0-55.4-24.8-55.4-55.3V179.2c0-30.5 24.8-55.3 55.4-55.3h49.8c12.1 0 21.8 9.8 21.8 21.8s-9.8 21.8-21.8 21.8h-49.8c-6.5 0-11.7 5.3-11.7 11.7v167.7c0 6.5 5.2 11.7 11.7 11.7h49.8c12.1 0 21.8 9.8 21.8 21.8s-9.8 21.8-21.8 21.8ZM722.9 484.3h-67.1c-11.1 0-20.1-9-20.1-20.1s9-20.1 20.1-20.1h67.1c11.1 0 20.1 9 20.1 20.1s-9 20.1-20.1 20.1ZM722.9 551.4h-67.1c-11.1 0-20.1-9-20.1-20.1s9-20.1 20.1-20.1h67.1c11.1 0 20.1 9 20.1 20.1s-9 20.1-20.1 20.1ZM110.6 402.2H60.8c-12 0-21.8-9.8-21.8-21.8s9.8-21.8 21.8-21.8h49.8c6.5 0 11.7-5.3 11.7-11.7V179.2c0-6.5-5.3-11.7-11.7-11.7H60.8c-12 0-21.8-9.8-21.8-21.8s9.8-21.8 21.8-21.8h49.8c30.5 0 55.3 24.8 55.3 55.3v167.7c0 30.5-24.8 55.3-55.3 55.3ZM113.9 484.3H63.6c-11.1 0-20.1-9-20.1-20.1s9-20.1 20.1-20.1h50.3c11.1 0 20.1 9 20.1 20.1s-9 20.1-20.1 20.1ZM97.2 551.4H63.7c-11.1 0-20.1-9-20.1-20.1s9-20.1 20.1-20.1h33.5c11.1 0 20.1 9 20.1 20.1s-9 20.1-20.1 20.1Z" |
| 8 |
className="sp-st0" |
| 9 |
/> |
| 10 |
<circle cx={315.5} cy={645.3} r={30.2} className="sp-st0" /> |
| 11 |
<circle cx={400} cy={645.3} r={30.2} className="sp-st0" /> |
| 12 |
<circle cx={484.5} cy={645.3} r={30.2} className="sp-st0" /> |
| 13 |
</svg> |
| 14 |
); |
| 15 |
export const PostCarouselPreviewImage = () => ( |
| 16 |
<svg viewBox="0 0 236 158" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 17 |
<rect x={0.75} y={0.75} width={234.5} height={156.5} rx={3.25} stroke="#9EA9B2" strokeWidth={1.5} /> |
| 18 |
<path |
| 19 |
fillRule="evenodd" |
| 20 |
clipRule="evenodd" |
| 21 |
d="M50.4545 37H89.5206C90.319 37 90.9751 37.6517 90.9751 38.4545V66.0936C90.9751 66.8963 90.3192 67.548 89.5206 67.548H50.4545C49.6561 67.548 49 66.8963 49 66.0936V38.4545C49 37.6517 49.6559 37 50.4545 37ZM58.8446 44.4751C60.9809 44.4751 62.716 46.2059 62.716 48.3422C62.716 50.4785 60.9811 52.2136 58.8446 52.2136C56.7083 52.2136 54.9776 50.4786 54.9776 48.3422C54.9776 46.2059 56.7083 44.4751 58.8446 44.4751ZM52.3664 40.3621H87.6101V59.9908C80.5838 58.7652 76.8894 48.8903 72.4786 48.8903C67.7785 48.8903 61.5421 59.9908 58.18 59.9908C55.3228 59.9908 55.0509 57.0517 52.3664 55.7224V40.3621Z" |
| 22 |
fill="#718491" |
| 23 |
/> |
| 24 |
<rect x={49} y={74.0054} width={41.9751} height={4.03607} rx={2.01804} fill="#718491" /> |
| 25 |
<rect x={49} y={84.4995} width={41.9751} height={3.22886} rx={1.61443} fill="#718491" /> |
| 26 |
<rect x={49} y={90.957} width={38.7463} height={3.22886} rx={1.61443} fill="#718491" /> |
| 27 |
<rect x={49} y={97.415} width={29.0597} height={3.22886} rx={1.61443} fill="#718491" /> |
| 28 |
<path |
| 29 |
fillRule="evenodd" |
| 30 |
clipRule="evenodd" |
| 31 |
d="M98.8871 37H137.953C138.752 37 139.408 37.6517 139.408 38.4545V66.0936C139.408 66.8963 138.752 67.548 137.953 67.548H98.8871C98.0887 67.548 97.4326 66.8963 97.4326 66.0936V38.4545C97.4326 37.6517 98.0886 37 98.8871 37ZM107.277 44.4751C109.414 44.4751 111.149 46.2059 111.149 48.3422C111.149 50.4785 109.414 52.2136 107.277 52.2136C105.141 52.2136 103.41 50.4786 103.41 48.3422C103.41 46.2059 105.141 44.4751 107.277 44.4751ZM100.799 40.3621H136.043V59.9908C129.016 58.7652 125.322 48.8903 120.911 48.8903C116.211 48.8903 109.975 59.9908 106.613 59.9908C103.755 59.9908 103.484 57.0517 100.799 55.7224V40.3621Z" |
| 32 |
fill="#718491" |
| 33 |
/> |
| 34 |
<rect x={97.4326} y={74.0054} width={41.9751} height={4.03607} rx={2.01804} fill="#718491" /> |
| 35 |
<rect x={97.4326} y={84.4995} width={41.9751} height={3.22886} rx={1.61443} fill="#718491" /> |
| 36 |
<rect x={97.4326} y={90.957} width={38.7463} height={3.22886} rx={1.61443} fill="#718491" /> |
| 37 |
<rect x={97.4326} y={97.415} width={29.0597} height={3.22886} rx={1.61443} fill="#718491" /> |
| 38 |
<path |
| 39 |
fillRule="evenodd" |
| 40 |
clipRule="evenodd" |
| 41 |
d="M147.32 37H186.386C187.185 37 187.841 37.6517 187.841 38.4545V66.0936C187.841 66.8963 187.185 67.548 186.386 67.548H147.32C146.522 67.548 145.866 66.8963 145.866 66.0936V38.4545C145.866 37.6517 146.522 37 147.32 37ZM155.71 44.4751C157.847 44.4751 159.582 46.2059 159.582 48.3422C159.582 50.4785 157.847 52.2136 155.71 52.2136C153.574 52.2136 151.843 50.4786 151.843 48.3422C151.843 46.2059 153.574 44.4751 155.71 44.4751ZM149.232 40.3621H184.476V59.9908C177.45 58.7652 173.755 48.8903 169.344 48.8903C164.644 48.8903 158.408 59.9908 155.046 59.9908C152.189 59.9908 151.917 57.0517 149.232 55.7224V40.3621Z" |
| 42 |
fill="#718491" |
| 43 |
/> |
| 44 |
<rect x={145.866} y={74.0054} width={41.9751} height={4.03607} rx={2.01804} fill="#718491" /> |
| 45 |
<rect x={145.866} y={84.4995} width={41.9751} height={3.22886} rx={1.61443} fill="#718491" /> |
| 46 |
<rect x={145.866} y={90.957} width={38.7463} height={3.22886} rx={1.61443} fill="#718491" /> |
| 47 |
<rect x={145.866} y={97.415} width={29.0597} height={3.22886} rx={1.61443} fill="#718491" /> |
| 48 |
<path |
| 49 |
d="M203.092 77.8665L211.184 69.289L203.092 60.7114" |
| 50 |
stroke="#718491" |
| 51 |
strokeWidth={3.43101} |
| 52 |
strokeLinecap="round" |
| 53 |
strokeLinejoin="round" |
| 54 |
/> |
| 55 |
<path |
| 56 |
d="M33.0918 60.7116L24.9998 69.2892L33.0918 77.8667" |
| 57 |
stroke="#718491" |
| 58 |
strokeWidth={3.43101} |
| 59 |
strokeLinecap="round" |
| 60 |
strokeLinejoin="round" |
| 61 |
/> |
| 62 |
<rect x={101} y={113.528} width={8.07214} height={8.07214} rx={4.03607} fill="#9EA9B2" /> |
| 63 |
<rect x={113.916} y={113.528} width={8.07214} height={8.07214} rx={4.03607} fill="#718491" /> |
| 64 |
<rect x={126.831} y={113.528} width={8.07214} height={8.07214} rx={4.03607} fill="#9EA9B2" /> |
| 65 |
</svg> |
| 66 |
); |
| 67 |
export const CarouselStandardIcon = ({ value }) => { |
| 68 |
return ( |
| 69 |
<svg xmlns="http://www.w3.org/2000/svg" width={120} height={80} fill="none"> |
| 70 |
<rect width={118.5} height={78.5} x={0.75} y={0.75} fill="#fff" rx={1.917} /> |
| 71 |
<rect |
| 72 |
width={118.5} |
| 73 |
height={78.5} |
| 74 |
x={0.75} |
| 75 |
y={0.75} |
| 76 |
stroke={value === "standard" ? "#1A74E4" : "#8796A1"} |
| 77 |
strokeWidth={1.5} |
| 78 |
rx={1.917} |
| 79 |
/> |
| 80 |
<path |
| 81 |
fill="#58707F" |
| 82 |
fillRule="evenodd" |
| 83 |
d="M19.498 18.667h22.337c.456 0 .831.372.831.831v15.803a.834.834 0 0 1-.831.832H19.498a.834.834 0 0 1-.832-.832V19.498c0-.459.376-.831.832-.831Zm4.797 4.274a2.213 2.213 0 1 1 .002 4.425 2.213 2.213 0 0 1-.002-4.425Zm-3.704-2.352h20.151v11.223c-4.017-.7-6.13-6.347-8.651-6.347-2.688 0-6.253 6.347-8.176 6.347-1.633 0-1.789-1.68-3.324-2.44v-8.783Z" |
| 84 |
clipRule="evenodd" |
| 85 |
/> |
| 86 |
<rect width={24} height={3.333} x={18.666} y={40.133} fill="#58707F" rx={1.667} /> |
| 87 |
<rect width={24} height={2.333} x={18.666} y={47.467} fill="#58707F" rx={1.167} /> |
| 88 |
<rect width={16.615} height={2.333} x={18.666} y={52.467} fill="#58707F" rx={1.167} /> |
| 89 |
<path |
| 90 |
fill="#58707F" |
| 91 |
fillRule="evenodd" |
| 92 |
d="M48.832 18.667h22.336c.457 0 .832.372.832.831v15.803a.834.834 0 0 1-.832.832H48.832a.834.834 0 0 1-.832-.832V19.498c0-.459.375-.831.832-.831Zm4.797 4.274a2.213 2.213 0 1 1 .001 4.425 2.213 2.213 0 0 1-.001-4.425Zm-3.704-2.352h20.151v11.223c-4.017-.7-6.13-6.347-8.652-6.347-2.687 0-6.253 6.347-8.175 6.347-1.634 0-1.79-1.68-3.324-2.44v-8.783Z" |
| 93 |
clipRule="evenodd" |
| 94 |
/> |
| 95 |
<rect width={24} height={3.333} x={48} y={40.133} fill="#58707F" rx={1.667} /> |
| 96 |
<rect width={24} height={2.333} x={48} y={47.467} fill="#58707F" rx={1.167} /> |
| 97 |
<rect width={16.615} height={2.333} x={48} y={52.467} fill="#58707F" rx={1.167} /> |
| 98 |
<path |
| 99 |
fill="#58707F" |
| 100 |
fillRule="evenodd" |
| 101 |
d="M78.165 18.667H100.5c.457 0 .832.372.832.831v15.803a.834.834 0 0 1-.832.832H78.165a.834.834 0 0 1-.832-.832V19.498c0-.459.375-.831.832-.831Zm4.797 4.274a2.213 2.213 0 1 1 .001 4.425 2.213 2.213 0 0 1-.001-4.425Zm-3.704-2.352h20.151v11.223c-4.017-.7-6.13-6.347-8.652-6.347-2.687 0-6.253 6.347-8.175 6.347-1.634 0-1.79-1.68-3.324-2.44v-8.783Z" |
| 102 |
clipRule="evenodd" |
| 103 |
/> |
| 104 |
<rect width={24} height={3.333} x={77.333} y={40.133} fill="#58707F" rx={1.667} /> |
| 105 |
<rect width={24} height={2.333} x={77.333} y={47.467} fill="#58707F" rx={1.167} /> |
| 106 |
<rect width={16.615} height={2.333} x={77.333} y={52.467} fill="#58707F" rx={1.167} /> |
| 107 |
<path |
| 108 |
stroke="#718491" |
| 109 |
strokeLinecap="round" |
| 110 |
strokeLinejoin="round" |
| 111 |
strokeWidth={2.4} |
| 112 |
d="M106.667 41.333 112 36l-5.333-5.333M13.334 30.667 8 36l5.334 5.334" |
| 113 |
/> |
| 114 |
<rect width={5.333} height={5.333} x={49.334} y={60} fill="#9EA9B2" rx={2.667} /> |
| 115 |
<rect width={5.333} height={5.333} x={57.334} y={60} fill="#58707F" rx={2.667} /> |
| 116 |
<rect width={5.333} height={5.333} x={65.334} y={60} fill="#9EA9B2" rx={2.667} /> |
| 117 |
</svg> |
| 118 |
); |
| 119 |
}; |
| 120 |
export const CarouselCenterIcon = ({ value }) => { |
| 121 |
return ( |
| 122 |
<svg xmlns="http://www.w3.org/2000/svg" width={120} height={80} fill="none"> |
| 123 |
<rect width={118.4} height={78.4} x={0.8} y={0.8} fill="#fff" rx={1.867} /> |
| 124 |
<rect |
| 125 |
width={118.4} |
| 126 |
height={78.4} |
| 127 |
x={0.8} |
| 128 |
y={0.8} |
| 129 |
stroke={value === "center" ? "#1A74E4" : "#8796A1"} |
| 130 |
strokeWidth={1.6} |
| 131 |
rx={1.867} |
| 132 |
/> |
| 133 |
<path |
| 134 |
fill="#AAB5BD" |
| 135 |
fillRule="evenodd" |
| 136 |
d="M12.726 17.333h23.079c.471 0 .859.385.859.86V34.52c0 .475-.388.86-.86.86H12.727a.861.861 0 0 1-.86-.86V18.192c0-.474.388-.859.86-.859Zm4.957 4.416a2.286 2.286 0 1 1 .001 4.573 2.286 2.286 0 0 1-.002-4.573Zm-3.828-2.43h20.821v11.596c-4.15-.724-6.333-6.557-8.94-6.557-2.776 0-6.46 6.557-8.446 6.557-1.688 0-1.849-1.736-3.434-2.521v-9.075Z" |
| 137 |
clipRule="evenodd" |
| 138 |
/> |
| 139 |
<rect width={24.797} height={3.444} x={11.867} y={39.513} fill="#AAB5BD" rx={1.722} /> |
| 140 |
<rect width={24.797} height={2.411} x={11.867} y={47.09} fill="#AAB5BD" rx={1.205} /> |
| 141 |
<rect width={17.167} height={2.411} x={11.867} y={52.256} fill="#AAB5BD" rx={1.205} /> |
| 142 |
<path |
| 143 |
fill="#58707F" |
| 144 |
fillRule="evenodd" |
| 145 |
d="M43.245 11.567H76.75a1.25 1.25 0 0 1 1.247 1.247V36.52a1.25 1.25 0 0 1-1.247 1.247H43.245a1.25 1.25 0 0 1-1.248-1.247V12.814a1.25 1.25 0 0 1 1.248-1.247Zm7.195 6.41a3.32 3.32 0 1 1 .003 6.639 3.32 3.32 0 0 1-.003-6.638Zm-5.556-3.527h30.227v16.835c-6.026-1.051-9.195-9.52-12.978-9.52-4.03 0-9.38 9.52-12.263 9.52-2.45 0-2.683-2.52-4.986-3.661V14.45Z" |
| 146 |
clipRule="evenodd" |
| 147 |
/> |
| 148 |
<rect width={33.333} height={4} x={41.997} y={43.1} fill="#58707F" rx={2} /> |
| 149 |
<rect width={36} height={2.667} x={41.997} y={52.433} fill="#58707F" rx={1.333} /> |
| 150 |
<rect width={23.077} height={2.667} x={41.997} y={57.766} fill="#58707F" rx={1.333} /> |
| 151 |
<path |
| 152 |
fill="#AAB5BD" |
| 153 |
fillRule="evenodd" |
| 154 |
d="M84.19 17.333h23.079c.471 0 .859.385.859.86V34.52c0 .475-.388.86-.859.86h-23.08a.861.861 0 0 1-.858-.86V18.192c0-.474.387-.859.859-.859Zm4.956 4.416a2.286 2.286 0 1 1 .002 4.573 2.286 2.286 0 0 1-.002-4.573Zm-3.827-2.43h20.821v11.596c-4.151-.724-6.334-6.557-8.94-6.557-2.776 0-6.46 6.557-8.446 6.557-1.688 0-1.849-1.736-3.435-2.521v-9.075Z" |
| 155 |
clipRule="evenodd" |
| 156 |
/> |
| 157 |
<rect width={24.797} height={3.444} x={83.331} y={39.513} fill="#AAB5BD" rx={1.722} /> |
| 158 |
<rect width={24.797} height={2.411} x={83.331} y={47.09} fill="#AAB5BD" rx={1.205} /> |
| 159 |
<rect width={17.167} height={2.411} x={83.331} y={52.256} fill="#AAB5BD" rx={1.205} /> |
| 160 |
<rect width={5.333} height={5.333} x={49.334} y={65.333} fill="#9EA9B2" rx={2.667} /> |
| 161 |
<rect width={5.333} height={5.333} x={57.334} y={65.333} fill="#58707F" rx={2.667} /> |
| 162 |
<rect width={5.333} height={5.333} x={65.334} y={65.333} fill="#9EA9B2" rx={2.667} /> |
| 163 |
</svg> |
| 164 |
); |
| 165 |
}; |
| 166 |
export const CarouselTickerIcon = ({ value }) => { |
| 167 |
return ( |
| 168 |
<svg xmlns="http://www.w3.org/2000/svg" width={120} height={80} fill="none"> |
| 169 |
<rect width={118.4} height={78.4} x={0.8} y={0.8} fill="#fff" rx={1.867} /> |
| 170 |
<rect |
| 171 |
width={118.4} |
| 172 |
height={78.4} |
| 173 |
x={0.8} |
| 174 |
y={0.8} |
| 175 |
stroke={value === "ticker" ? "#1A74E4" : "#8796A1"} |
| 176 |
strokeWidth={1.6} |
| 177 |
rx={1.867} |
| 178 |
/> |
| 179 |
<path |
| 180 |
fill="#58707F" |
| 181 |
fillRule="evenodd" |
| 182 |
d="M30.502 27.939c.456 0 .832.372.832.831v15.803a.834.834 0 0 1-.832.832L15 45.338v-5.942c.33-.34.67-.71 1.017-1.089 1.571-1.707 3.285-3.57 4.74-3.57 1.168 0 2.248 1.21 3.47 2.58 1.417 1.588 3.025 3.39 5.183 3.767V29.86L15 29.838v-1.9h15.502Z" |
| 183 |
clipRule="evenodd" |
| 184 |
/> |
| 185 |
<path |
| 186 |
fill="#58707F" |
| 187 |
d="M15.176 34.424a2.2 2.2 0 0 0-.176-.865v1.73c.113-.266.176-.559.176-.865ZM15.004 49.405h14.665a1.665 1.665 0 0 1 0 3.33H15.004v-3.33ZM15.004 56.735h15.165a1.165 1.165 0 0 1 0 2.33H15.004v-2.33ZM15.004 63.065h9.165a1.165 1.165 0 0 1 0 2.33h-9.165v-2.33Z" |
| 188 |
/> |
| 189 |
<path |
| 190 |
fill="#58707F" |
| 191 |
fillRule="evenodd" |
| 192 |
d="M37.499 27.939h22.336c.457 0 .832.372.832.831v15.803a.834.834 0 0 1-.832.832H37.5a.834.834 0 0 1-.832-.832V28.77c0-.459.375-.831.832-.831Zm4.797 4.273a2.213 2.213 0 1 1 .001 4.426 2.213 2.213 0 0 1-.001-4.425Zm-3.704-2.351h20.151v11.223c-4.017-.7-6.13-6.347-8.652-6.347-2.687 0-6.253 6.347-8.175 6.347-1.634 0-1.79-1.68-3.324-2.44V29.86Z" |
| 193 |
clipRule="evenodd" |
| 194 |
/> |
| 195 |
<path |
| 196 |
fill="#58707F" |
| 197 |
d="M36.667 51.072c0-.921.746-1.667 1.667-1.667H59a1.667 1.667 0 1 1 0 3.333H38.334c-.92 0-1.667-.746-1.667-1.666ZM36.667 57.905c0-.645.522-1.167 1.167-1.167H59.5a1.167 1.167 0 1 1 0 2.334H37.834a1.167 1.167 0 0 1-1.167-1.167ZM36.667 62.905c0-.645.522-1.167 1.167-1.167h14.282a1.167 1.167 0 1 1 0 2.334H37.834a1.167 1.167 0 0 1-1.167-1.167Z" |
| 198 |
/> |
| 199 |
<path |
| 200 |
fill="#58707F" |
| 201 |
fillRule="evenodd" |
| 202 |
d="M66.832 27.939h22.336c.457 0 .832.372.832.831v15.803a.834.834 0 0 1-.832.832H66.832a.834.834 0 0 1-.832-.832V28.77c0-.459.375-.831.832-.831Zm4.797 4.273a2.213 2.213 0 1 1 .001 4.426 2.213 2.213 0 0 1-.001-4.425Zm-3.704-2.351h20.151v11.223c-4.017-.7-6.13-6.347-8.652-6.347-2.687 0-6.253 6.347-8.175 6.347-1.634 0-1.79-1.68-3.324-2.44V29.86Z" |
| 203 |
clipRule="evenodd" |
| 204 |
/> |
| 205 |
<path |
| 206 |
fill="#58707F" |
| 207 |
d="M66 51.072c0-.921.746-1.667 1.667-1.667h20.666a1.667 1.667 0 1 1 0 3.333H67.667c-.92 0-1.667-.746-1.667-1.666ZM66 57.905c0-.645.522-1.167 1.167-1.167h21.666a1.167 1.167 0 1 1 0 2.334H67.167A1.167 1.167 0 0 1 66 57.904ZM66 62.905c0-.645.522-1.167 1.167-1.167h14.282a1.167 1.167 0 1 1 0 2.334H67.167A1.167 1.167 0 0 1 66 62.904Z" |
| 208 |
/> |
| 209 |
<path |
| 210 |
fill="#58707F" |
| 211 |
fillRule="evenodd" |
| 212 |
d="M100.962 32.212a2.213 2.213 0 1 1 .002 4.426 2.213 2.213 0 0 1-.002-4.425Z" |
| 213 |
clipRule="evenodd" |
| 214 |
/> |
| 215 |
<path |
| 216 |
fill="#58707F" |
| 217 |
d="M96.165 45.405a.834.834 0 0 1-.832-.832V28.77c0-.459.376-.831.832-.831h8.668v1.922h-7.575v8.782c1.535.76 1.69 2.44 3.324 2.44 1.059 0 2.617-1.925 4.251-3.655v7.977h-8.668ZM95.334 51.072c0-.921.746-1.667 1.666-1.667h7.853v3.333H97c-.92 0-1.666-.746-1.666-1.666ZM95.334 57.905c0-.645.522-1.167 1.166-1.167h8.353v2.334H96.5a1.167 1.167 0 0 1-1.166-1.167ZM95.334 62.905c0-.645.522-1.167 1.166-1.167h8.353v2.334H96.5a1.167 1.167 0 0 1-1.166-1.167Z" |
| 218 |
/> |
| 219 |
<path |
| 220 |
fill="#718491" |
| 221 |
fillRule="evenodd" |
| 222 |
d="M79.834 15.333c0-.368.298-.666.666-.666h.667c.368 0 .666.298.666.666V16a.667.667 0 0 1-.666.667H80.5a.667.667 0 0 1-.666-.667v-.667ZM75.167 15.333c0-.368.299-.666.667-.666h2c.368 0 .666.298.666.666V16a.667.667 0 0 1-.666.667h-2a.667.667 0 0 1-.667-.667v-.667ZM69.167 15.333c0-.368.299-.666.667-.666h3.333c.368 0 .667.298.667.666V16a.667.667 0 0 1-.667.667h-3.333a.667.667 0 0 1-.667-.667v-.667Z" |
| 223 |
clipRule="evenodd" |
| 224 |
/> |
| 225 |
<path |
| 226 |
fill="#718491" |
| 227 |
d="M45.874 11.04a1 1 0 1 0-1.414-1.414l-5.334 5.334a1 1 0 0 0 0 1.414l5.334 5.333a1 1 0 0 0 1.414-1.414l-3.626-3.626H67.5a.667.667 0 0 0 .667-.667v-.667a.667.667 0 0 0-.667-.666H42.247l3.627-3.627Z" |
| 228 |
/> |
| 229 |
</svg> |
| 230 |
); |
| 231 |
}; |
| 232 |
export const CarouselMultiRowIcon = ({ value }) => { |
| 233 |
return ( |
| 234 |
<svg xmlns="http://www.w3.org/2000/svg" width={120} height={80} fill="none"> |
| 235 |
<rect width={118.4} height={78.4} x={0.8} y={0.8} fill="#fff" rx={1.867} /> |
| 236 |
<rect |
| 237 |
width={118.4} |
| 238 |
height={78.4} |
| 239 |
x={0.8} |
| 240 |
y={0.8} |
| 241 |
stroke={value === "multi_row" ? "#1A74E4" : "#8796A1"} |
| 242 |
strokeWidth={1.6} |
| 243 |
rx={1.867} |
| 244 |
/> |
| 245 |
<path |
| 246 |
fill="#58707F" |
| 247 |
fillRule="evenodd" |
| 248 |
d="M19.499 13.2h22.336c.457 0 .832.373.832.832v15.803a.834.834 0 0 1-.832.832H19.5a.834.834 0 0 1-.832-.832V14.032c0-.459.375-.832.832-.832Zm4.797 4.274a2.213 2.213 0 1 1 .002 4.426 2.213 2.213 0 0 1-.002-4.426Zm-3.704-2.351h20.151v11.223c-4.017-.701-6.13-6.347-8.652-6.347-2.687 0-6.253 6.347-8.175 6.347-1.634 0-1.79-1.68-3.324-2.44v-8.783Z" |
| 249 |
clipRule="evenodd" |
| 250 |
/> |
| 251 |
<rect width={24} height={3.333} x={18.667} y={34.667} fill="#58707F" rx={1.667} /> |
| 252 |
<path |
| 253 |
fill="#58707F" |
| 254 |
fillRule="evenodd" |
| 255 |
d="M48.832 13.2h22.336c.457 0 .832.373.832.832v15.803a.834.834 0 0 1-.832.832H48.832a.834.834 0 0 1-.832-.832V14.032c0-.459.375-.832.832-.832Zm4.797 4.274a2.213 2.213 0 1 1 .002 4.426 2.213 2.213 0 0 1-.002-4.426Zm-3.704-2.351h20.151v11.223c-4.017-.701-6.13-6.347-8.652-6.347-2.687 0-6.253 6.347-8.175 6.347-1.634 0-1.79-1.68-3.324-2.44v-8.783Z" |
| 256 |
clipRule="evenodd" |
| 257 |
/> |
| 258 |
<rect width={24} height={3.333} x={48} y={34.667} fill="#58707F" rx={1.667} /> |
| 259 |
<path |
| 260 |
fill="#58707F" |
| 261 |
fillRule="evenodd" |
| 262 |
d="M78.165 13.2h22.337c.456 0 .831.373.831.832v15.803a.833.833 0 0 1-.831.832H78.165a.834.834 0 0 1-.832-.832V14.032c0-.459.376-.832.832-.832Zm4.797 4.274a2.213 2.213 0 1 1 .002 4.426 2.213 2.213 0 0 1-.002-4.426Zm-3.704-2.351H99.41v11.223c-4.017-.701-6.13-6.347-8.651-6.347-2.688 0-6.253 6.347-8.176 6.347-1.633 0-1.789-1.68-3.324-2.44v-8.783Z" |
| 263 |
clipRule="evenodd" |
| 264 |
/> |
| 265 |
<rect width={24} height={3.333} x={77.334} y={34.667} fill="#58707F" rx={1.667} /> |
| 266 |
<path |
| 267 |
fill="#58707F" |
| 268 |
fillRule="evenodd" |
| 269 |
d="M19.499 42h22.336c.457 0 .832.373.832.832v15.803a.834.834 0 0 1-.832.831H19.5a.834.834 0 0 1-.832-.831V42.832c0-.46.375-.832.832-.832Zm4.797 4.274a2.213 2.213 0 1 1 .001 4.425 2.213 2.213 0 0 1-.001-4.425Zm-3.704-2.352h20.151v11.223c-4.017-.7-6.13-6.347-8.652-6.347-2.687 0-6.253 6.347-8.175 6.347-1.634 0-1.79-1.68-3.324-2.44v-8.783Z" |
| 270 |
clipRule="evenodd" |
| 271 |
/> |
| 272 |
<rect width={24} height={3.333} x={18.667} y={63.466} fill="#58707F" rx={1.667} /> |
| 273 |
<path |
| 274 |
fill="#58707F" |
| 275 |
fillRule="evenodd" |
| 276 |
d="M48.832 42h22.336c.457 0 .832.373.832.832v15.803a.834.834 0 0 1-.832.831H48.832a.834.834 0 0 1-.832-.831V42.832c0-.46.375-.832.832-.832Zm4.797 4.274a2.213 2.213 0 1 1 .001 4.425 2.213 2.213 0 0 1-.001-4.425Zm-3.704-2.352h20.151v11.223c-4.017-.7-6.13-6.347-8.652-6.347-2.687 0-6.253 6.347-8.175 6.347-1.634 0-1.79-1.68-3.324-2.44v-8.783Z" |
| 277 |
clipRule="evenodd" |
| 278 |
/> |
| 279 |
<rect width={24} height={3.333} x={48} y={63.466} fill="#58707F" rx={1.667} /> |
| 280 |
<path |
| 281 |
fill="#58707F" |
| 282 |
fillRule="evenodd" |
| 283 |
d="M78.165 42h22.337c.456 0 .831.373.831.832v15.803a.833.833 0 0 1-.831.831H78.165a.834.834 0 0 1-.832-.831V42.832c0-.46.376-.832.832-.832Zm4.797 4.274a2.213 2.213 0 1 1 .002 4.425 2.213 2.213 0 0 1-.002-4.425Zm-3.704-2.352H99.41v11.223c-4.017-.7-6.13-6.347-8.651-6.347-2.688 0-6.253 6.347-8.176 6.347-1.633 0-1.789-1.68-3.324-2.44v-8.783Z" |
| 284 |
clipRule="evenodd" |
| 285 |
/> |
| 286 |
<rect width={24} height={3.333} x={77.334} y={63.466} fill="#58707F" rx={1.667} /> |
| 287 |
<path |
| 288 |
stroke="#58707F" |
| 289 |
strokeLinecap="round" |
| 290 |
strokeLinejoin="round" |
| 291 |
strokeWidth={2.4} |
| 292 |
d="M108 45.333 113.333 40 108 34.667M12 34.667 6.667 40 12 45.333" |
| 293 |
/> |
| 294 |
</svg> |
| 295 |
); |
| 296 |
}; |
| 297 |
|
