UNPKG

@octopusdeploy/design-system-components

Version:
14 lines (13 loc) 4.13 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.QuestionIllustration = QuestionIllustration; const jsx_runtime_1 = require("react/jsx-runtime"); const css_1 = require("@emotion/css"); const design_system_tokens_1 = require("@octopusdeploy/design-system-tokens"); function QuestionIllustration() { return ((0, jsx_runtime_1.jsxs)("svg", { className: illustrationStyles, viewBox: "0 0 318 230", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M142.269 1.89234C179.493 -9.34824 211.117 31.8791 235.144 62.4486C258.893 92.6642 282.264 129.127 271.199 165.93C260.607 201.158 221.041 216.405 185.74 226.763C158.124 234.867 130.816 226.585 104.546 214.831C76.8969 202.461 38.587 190.69 37.4681 160.424C36.3654 130.596 83.9556 128.033 100.417 103.133C121.604 71.0832 105.488 12.9995 142.269 1.89234Z", fill: design_system_tokens_1.themeTokens.color.background.tertiary }), (0, jsx_runtime_1.jsx)("path", { d: "M158.065 185.196H0.373372C0.167162 185.196 0 185.028 0 184.822C0 184.616 0.167166 184.449 0.373375 184.449H158.065C158.35 184.449 158.633 184.441 158.913 184.427C150.834 183.984 146.485 176.803 146.485 170.036C146.485 163.165 153.202 156.669 160.307 156.669C168.661 156.669 173.831 163.917 173.831 170.634C173.831 174.401 172.276 177.837 169.725 180.426C172.829 177.986 174.727 174.363 174.727 170.185C174.727 160.179 167.37 155.194 160.254 150.374C153.711 145.94 147.531 141.753 147.531 134.043C147.531 123.211 156.562 115.974 164.53 109.588C170.927 104.462 176.968 99.6201 176.968 93.867C176.968 85.3129 169.106 80.2016 161.503 80.2016C150.705 80.2016 147.193 86.6007 144.092 92.2466C141.674 96.6513 139.39 100.812 134.008 100.812C126.574 100.812 121.382 95.254 121.382 87.2957C121.382 77.4063 135.439 59.7402 163.446 59.7402C194.472 59.7402 202.67 80.1097 202.67 90.88C202.67 108.008 189.614 117.606 180.974 123.957C177.644 126.406 174.766 128.521 173.624 130.356C171.388 133.916 170.742 136.328 170.222 138.265C170.014 139.046 169.827 139.743 169.567 140.393C181.965 140.581 190.205 148.618 198.178 156.394C205.018 163.064 211.478 169.363 219.78 169.363C230.054 169.363 236.154 164.066 242.612 158.457C249.798 152.217 257.227 145.766 271.032 145.766H317.626C317.833 145.766 318 145.933 318 146.14C318 146.346 317.833 146.513 317.626 146.513H271.032C257.505 146.513 250.183 152.872 243.103 159.021C236.536 164.724 230.333 170.11 219.78 170.11C211.174 170.11 204.609 163.707 197.658 156.928C189.718 149.185 181.51 141.181 169.224 141.137C169.032 141.499 168.801 141.849 168.517 142.196C166.463 144.833 162.849 146.065 161.054 146.065C159.458 146.065 158.889 145.177 158.889 144.347C158.889 141.992 162.748 140.452 168.757 140.392C169.061 139.712 169.261 138.965 169.5 138.073C170.033 136.086 170.695 133.614 172.991 129.961C174.209 128.005 176.999 125.953 180.532 123.356C189.049 117.094 201.923 107.63 201.923 90.88C201.923 80.3678 193.881 60.487 163.446 60.487C135.936 60.487 122.129 77.674 122.129 87.2957C122.129 94.9332 126.903 100.065 134.008 100.065C138.948 100.065 141.029 96.275 143.438 91.8871C146.637 86.0596 150.263 79.4548 161.503 79.4548C169.472 79.4548 177.716 84.8454 177.716 93.867C177.716 99.9781 171.539 104.929 164.997 110.171C157.161 116.451 148.278 123.57 148.278 134.043C148.278 141.357 154.299 145.437 160.673 149.755C167.95 154.685 175.474 159.784 175.474 170.185C175.474 176.57 171.295 181.723 165.149 183.641C163.018 184.635 160.612 185.196 158.065 185.196ZM160.307 157.415C153.708 157.415 147.232 163.667 147.232 170.036C147.232 176.66 151.605 183.702 159.71 183.702C161.552 183.702 163.294 183.434 164.898 182.935C169.753 180.644 173.084 175.989 173.084 170.634C173.084 164.276 168.198 157.415 160.307 157.415ZM168.356 141.144C162.372 141.271 159.636 142.864 159.636 144.347C159.636 145.192 160.524 145.319 161.054 145.319C162.334 145.319 165.842 144.414 167.933 141.729C168.092 141.537 168.231 141.343 168.356 141.144Z", fill: design_system_tokens_1.themeTokens.color.icon.primary })] })); } const illustrationStyles = (0, css_1.css)({ width: 318, height: 230, });