1import { iconSize } from '@expo/styleguide';
2import { IconProps } from '@expo/styleguide/dist/types';
3import React from 'react';
4
5export const DocumentationIcon = ({ size = iconSize.regular, className }: IconProps) => {
6  return (
7    <svg
8      width={size}
9      height={size}
10      viewBox="0 0 20 20"
11      fill="none"
12      xmlns="http://www.w3.org/2000/svg"
13      className={className}>
14      <path
15        d="M19.0564 17.3095H9.14014V4.97375H19.0564C19.5775 4.97375 19.9999 5.39617 19.9999 5.91725V16.366C19.9999 16.8871 19.5775 17.3095 19.0564 17.3095Z"
16        fill="#3929C4"
17      />
18      <path
19        d="M0.943736 17.3094H9.72363V4.97363H0.943736C0.422657 4.97363 0.000239372 5.39605 0.000239372 5.91713V16.3659C0.000239372 16.887 0.422657 17.3094 0.943736 17.3094Z"
20        fill="#3929C4"
21      />
22      <path
23        d="M9.43262 5.95233V17.3096C7.60991 15.7352 0.99262 16.0066 0.99262 16.0066V3.45155C0.99262 3.45155 6.77223 2.60684 9.43262 5.95233Z"
24        fill="#A193F9"
25      />
26      <path
27        d="M9.4751 4.96965V17.3095C7.37583 14.5788 3.02508 14.8701 3.02508 14.8701V1.79437C3.02508 1.79437 7.44198 1.4854 9.4751 4.96965Z"
28        fill="#D2CAFD"
29      />
30      <path
31        d="M10.5933 5.95233V17.3096C12.416 15.7352 19.0333 16.0066 19.0333 16.0066V3.45155C19.0333 3.45155 13.2536 2.60684 10.5933 5.95233Z"
32        fill="#A193F9"
33      />
34      <path
35        d="M10.5508 4.95391V17.3095C12.65 14.5788 17.0008 14.8702 17.0008 14.8702V1.79439C17.0008 1.79439 12.5839 1.46966 10.5508 4.95391Z"
36        fill="#D2CAFD"
37      />
38    </svg>
39  );
40};
41
42export const DocumentationInactiveIcon = ({ size = iconSize.regular, className }: IconProps) => {
43  return (
44    <svg
45      width={size}
46      height={size}
47      viewBox="0 0 20 20"
48      fill="none"
49      xmlns="http://www.w3.org/2000/svg"
50      className={className}>
51      <path
52        d="M19.0564 17.3095H9.14014V4.97375H19.0564C19.5775 4.97375 19.9999 5.39617 19.9999 5.91725V16.366C19.9999 16.8871 19.5775 17.3095 19.0564 17.3095Z"
53        fill="#596068"
54      />
55      <path
56        d="M0.943736 17.3095H9.72363V4.97369H0.943736C0.422657 4.97369 0.000239372 5.39611 0.000239372 5.91719V16.366C0.000239372 16.8871 0.422657 17.3095 0.943736 17.3095Z"
57        fill="#596068"
58      />
59      <path
60        d="M9.43262 5.95227V17.3095C7.60991 15.7351 0.99262 16.0065 0.99262 16.0065V3.45149C0.99262 3.45149 6.77223 2.60678 9.43262 5.95227Z"
61        fill="#9B9EA3"
62      />
63      <path
64        d="M9.4751 4.96965V17.3095C7.37583 14.5788 3.02508 14.8701 3.02508 14.8701V1.79437C3.02508 1.79437 7.44198 1.4854 9.4751 4.96965Z"
65        fill="#E1E4E8"
66      />
67      <path
68        d="M10.5933 5.95227V17.3095C12.416 15.7351 19.0333 16.0065 19.0333 16.0065V3.45149C19.0333 3.45149 13.2536 2.60678 10.5933 5.95227Z"
69        fill="#9B9EA3"
70      />
71      <path
72        d="M10.5508 4.95391V17.3095C12.65 14.5788 17.0008 14.8702 17.0008 14.8702V1.79439C17.0008 1.79439 12.5839 1.46966 10.5508 4.95391Z"
73        fill="#E1E4E8"
74      />
75    </svg>
76  );
77};
78