import {Card, Row, Col} from '@gravity-ui/uikit';

function CallOut() {
  return (<Row space={4}>
    <Col s="12"/>
    <Col s="12">
      <Card
        className="callout__card"
        type="container"
        view="filled"
        theme="info"
        size="l"
      >
        <Logo />
      </Card>
    </Col>
  </Row>);
}

function Logo() {
  return <svg className="diplodoc-playground__logo" width="158" height="32" viewBox="0 0 158 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M42.0299 25.7949H49.2559C51.4217 25.7949 53.275 25.3756 54.816 24.5371C56.3639 23.6986 57.5475 22.4953 58.3665 20.9273C59.1926 19.3593 59.6056 17.4845 59.6056 15.3029C59.6056 13.1281 59.196 11.2602 58.377 9.69899C57.5579 8.1378 56.3848 6.94134 54.8577 6.10962C53.3375 5.27108 51.5188 4.85181 49.4017 4.85181H42.0299V25.7949ZM49.0685 22.5123H45.8928V8.13439H49.183C50.6269 8.13439 51.8347 8.40027 52.8065 8.93203C53.7852 9.45697 54.5245 10.2512 55.0243 11.3147C55.524 12.3714 55.7739 13.7008 55.7739 15.3029C55.7739 16.905 55.524 18.2412 55.0243 19.3115C54.5245 20.3751 53.7783 21.1761 52.7856 21.7147C51.793 22.2464 50.554 22.5123 49.0685 22.5123ZM61.9365 10.0876V25.7949H65.7056V10.0876H61.9365ZM68.4087 31.6852V10.0876H72.1155V12.685H72.3341C72.5285 12.3032 72.8027 11.8976 73.1567 11.4681C73.5107 11.0318 73.9896 10.6602 74.5935 10.3535C75.1975 10.0399 75.9679 9.88306 76.905 9.88306C78.1406 9.88306 79.2547 10.1933 80.2473 10.8136C81.2469 11.4272 82.0382 12.3373 82.6213 13.544C83.2113 14.7439 83.5063 16.2164 83.5063 17.9617C83.5063 19.6865 83.2183 21.1523 82.6421 22.3589C82.066 23.5656 81.2816 24.486 80.289 25.12C79.2964 25.754 78.1719 26.071 76.9155 26.071C75.9992 26.071 75.2391 25.921 74.6352 25.6211C74.0313 25.3211 73.5454 24.9598 73.1775 24.5371C72.8165 24.1076 72.5354 23.702 72.3341 23.3202H72.1779V31.6852H68.4087ZM72.105 17.9412C72.105 18.957 72.2508 19.8467 72.5424 20.6103C72.8408 21.3738 73.2677 21.9703 73.823 22.3998C74.3853 22.8225 75.0656 23.0339 75.8638 23.0339C76.6968 23.0339 77.3944 22.8157 77.9567 22.3794C78.5189 21.9363 78.9423 21.3329 79.2269 20.5694C79.5185 19.799 79.6643 18.923 79.6643 17.9412C79.6643 16.9664 79.522 16.1005 79.2374 15.3438C78.9528 14.5871 78.5293 13.994 77.9671 13.5645C77.4048 13.135 76.7037 12.9202 75.8638 12.9202C75.0586 12.9202 74.3749 13.1281 73.8126 13.544C73.2504 13.9599 72.8235 14.5428 72.5319 15.2927C72.2473 16.0426 72.105 16.9254 72.105 17.9412ZM89.3305 25.7949V4.85181H85.5613V25.7949H89.3305ZM99.0097 26.1017C97.4479 26.1017 96.0943 25.7642 94.949 25.0893C93.8036 24.4144 92.9151 23.4702 92.2835 22.2567C91.6587 21.0432 91.3464 19.6251 91.3464 18.0026C91.3464 16.3801 91.6587 14.9586 92.2835 13.7383C92.9151 12.518 93.8036 11.5704 94.949 10.8954C96.0943 10.2205 97.4479 9.88306 99.0097 9.88306C100.572 9.88306 101.925 10.2205 103.07 10.8954C104.216 11.5704 105.101 12.518 105.726 13.7383C106.357 14.9586 106.673 16.3801 106.673 18.0026C106.673 19.6251 106.357 21.0432 105.726 22.2567C105.101 23.4702 104.216 24.4144 103.07 25.0893C101.925 25.7642 100.572 26.1017 99.0097 26.1017ZM99.0305 23.1361C99.8774 23.1361 100.585 22.9077 101.155 22.451C101.724 21.9874 102.147 21.367 102.425 20.5898C102.709 19.8126 102.852 18.9468 102.852 17.9924C102.852 17.0311 102.709 16.1619 102.425 15.3847C102.147 14.6007 101.724 13.9769 101.155 13.5133C100.585 13.0497 99.8774 12.818 99.0305 12.818C98.1628 12.818 97.4409 13.0497 96.8648 13.5133C96.2956 13.9769 95.8687 14.6007 95.5841 15.3847C95.3064 16.1619 95.1676 17.0311 95.1676 17.9924C95.1676 18.9468 95.3064 19.8126 95.5841 20.5898C95.8687 21.367 96.2956 21.9874 96.8648 22.451C97.4409 22.9077 98.1628 23.1361 99.0305 23.1361ZM111.261 25.12C112.253 25.754 113.378 26.071 114.634 26.071C115.551 26.071 116.311 25.921 116.915 25.6211C117.518 25.3211 118.004 24.9598 118.372 24.5371C118.74 24.1076 119.021 23.702 119.216 23.3202H119.445V25.7949H123.151V4.85181H119.372V12.685H119.216C119.021 12.3032 118.747 11.8976 118.393 11.4681C118.039 11.0318 117.56 10.6602 116.956 10.3535C116.352 10.0399 115.582 9.88306 114.645 9.88306C113.416 9.88306 112.302 10.1933 111.302 10.8136C110.303 11.4272 109.508 12.3373 108.918 13.544C108.335 14.7439 108.043 16.2164 108.043 17.9617C108.043 19.6865 108.331 21.1523 108.908 22.3589C109.484 23.5656 110.268 24.486 111.261 25.12ZM117.727 22.3998C117.164 22.8225 116.484 23.0339 115.686 23.0339C114.86 23.0339 114.162 22.8157 113.593 22.3794C113.031 21.9363 112.604 21.3329 112.312 20.5694C112.028 19.799 111.885 18.923 111.885 17.9412C111.885 16.9664 112.028 16.1005 112.312 15.3438C112.597 14.5871 113.02 13.994 113.583 13.5645C114.145 13.135 114.846 12.9202 115.686 12.9202C116.498 12.9202 117.182 13.1281 117.737 13.544C118.299 13.9599 118.723 14.5428 119.007 15.2927C119.299 16.0426 119.445 16.9254 119.445 17.9412C119.445 18.957 119.299 19.8467 119.007 20.6103C118.716 21.3738 118.289 21.9703 117.727 22.3998ZM132.971 26.1017C131.409 26.1017 130.056 25.7642 128.91 25.0893C127.765 24.4144 126.877 23.4702 126.245 22.2567C125.62 21.0432 125.308 19.6251 125.308 18.0026C125.308 16.3801 125.62 14.9586 126.245 13.7383C126.877 12.518 127.765 11.5704 128.91 10.8954C130.056 10.2205 131.409 9.88306 132.971 9.88306C134.533 9.88306 135.887 10.2205 137.032 10.8954C138.177 11.5704 139.062 12.518 139.687 13.7383C140.319 14.9586 140.634 16.3801 140.634 18.0026C140.634 19.6251 140.319 21.0432 139.687 22.2567C139.062 23.4702 138.177 24.4144 137.032 25.0893C135.887 25.7642 134.533 26.1017 132.971 26.1017ZM132.992 23.1361C133.839 23.1361 134.547 22.9077 135.116 22.451C135.685 21.9874 136.109 21.367 136.386 20.5898C136.671 19.8126 136.813 18.9468 136.813 17.9924C136.813 17.0311 136.671 16.1619 136.386 15.3847C136.109 14.6007 135.685 13.9769 135.116 13.5133C134.547 13.0497 133.839 12.818 132.992 12.818C132.124 12.818 131.402 13.0497 130.826 13.5133C130.257 13.9769 129.83 14.6007 129.546 15.3847C129.268 16.1619 129.129 17.0311 129.129 17.9924C129.129 18.9468 129.268 19.8126 129.546 20.5898C129.83 21.367 130.257 21.9874 130.826 22.451C131.402 22.9077 132.124 23.1361 132.992 23.1361ZM145.524 25.0689C146.669 25.7574 148.04 26.1017 149.637 26.1017C150.977 26.1017 152.143 25.8631 153.135 25.3859C154.128 24.9018 154.912 24.2337 155.489 23.3815C156.065 22.5225 156.398 21.5374 156.488 20.4262H152.885C152.774 20.992 152.57 21.4727 152.271 21.8681C151.973 22.2635 151.601 22.5669 151.157 22.7782C150.72 22.9827 150.223 23.085 149.668 23.085C148.884 23.085 148.2 22.8805 147.617 22.4714C147.041 22.0556 146.593 21.4658 146.274 20.7023C145.954 19.9319 145.795 19.0116 145.795 17.9412C145.795 16.8845 145.954 15.9778 146.274 15.2211C146.6 14.4644 147.055 13.8849 147.638 13.4827C148.221 13.0736 148.898 12.8691 149.668 12.8691C150.577 12.8691 151.303 13.1247 151.844 13.636C152.393 14.1405 152.74 14.7711 152.885 15.5279H156.488C156.405 14.3962 156.065 13.4077 155.468 12.5623C154.871 11.7101 154.069 11.0522 153.063 10.5887C152.063 10.1183 150.914 9.88306 149.616 9.88306C148.054 9.88306 146.701 10.2273 145.555 10.9159C144.417 11.5976 143.535 12.5521 142.911 13.7792C142.286 14.9995 141.974 16.4073 141.974 18.0026C141.974 19.5911 142.279 20.9954 142.89 22.2158C143.508 23.4293 144.386 24.3803 145.524 25.0689ZM61.9127 4.85596V7.63081H65.7093V4.85596H61.9127Z" fill="#1D4634"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.6103 0H10.4532C9.93312 0 9.51152 0.421604 9.51152 0.94168V6.65892H0.941677C0.421603 6.65892 0 7.08053 0 7.6006V31.0583C0 31.5784 0.421604 32 0.941678 32H20.0577C20.5778 32 20.9994 31.5784 20.9994 31.0583V25.4336H29.5692C30.0893 25.4336 30.5109 25.012 30.5109 24.4919V12.9007C30.5109 5.77582 24.7351 0 17.6103 0ZM20.9994 25.4336V7.6006C20.9994 7.08053 20.5778 6.65892 20.0577 6.65892H9.51152V24.4919C9.51152 25.012 9.93312 25.4336 10.4532 25.4336H20.9994Z" fill="#1D4634"/>
</svg>; 
}

export {CallOut}
export default {CallOut}