@expo/styleguide-native 4.3.0 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { IconProps } from "../types";
3
+ export default function ChangelogIcon(props: IconProps): JSX.Element;
@@ -0,0 +1,33 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ var __importDefault = (this && this.__importDefault) || function (mod) {
22
+ return (mod && mod.__esModule) ? mod : { "default": mod };
23
+ };
24
+ Object.defineProperty(exports, "__esModule", { value: true });
25
+ const react_1 = __importDefault(require("react"));
26
+ const react_native_svg_1 = __importStar(require("react-native-svg"));
27
+ function ChangelogIcon(props) {
28
+ const { size, color, width, height } = props;
29
+ return (react_1.default.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
30
+ react_1.default.createElement(react_native_svg_1.Path, { d: "M2.5 12.857h15m-15 4.286h15", stroke: color || "#000", strokeWidth: 2.143, strokeLinecap: "round", strokeLinejoin: "round" }),
31
+ react_1.default.createElement(react_native_svg_1.Path, { d: "M16.071 2.857H3.93c-.79 0-1.429.64-1.429 1.429v2.857c0 .789.64 1.428 1.429 1.428h12.14c.79 0 1.429-.64 1.429-1.428V4.286c0-.79-.64-1.429-1.429-1.429z", stroke: color || "#000", strokeWidth: 2.143 })));
32
+ }
33
+ exports.default = ChangelogIcon;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { IconProps } from "../types";
3
+ export default function MoreVerticalIcon(props: IconProps): JSX.Element;
@@ -0,0 +1,34 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ var __importDefault = (this && this.__importDefault) || function (mod) {
22
+ return (mod && mod.__esModule) ? mod : { "default": mod };
23
+ };
24
+ Object.defineProperty(exports, "__esModule", { value: true });
25
+ const react_1 = __importDefault(require("react"));
26
+ const react_native_svg_1 = __importStar(require("react-native-svg"));
27
+ function MoreVerticalIcon(props) {
28
+ const { size, color, width, height } = props;
29
+ return (react_1.default.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
30
+ react_1.default.createElement(react_native_svg_1.Circle, { cx: 10, cy: 15.833, r: 1.741, transform: "rotate(-90 10 15.833)", fill: color || "#000" }),
31
+ react_1.default.createElement(react_native_svg_1.Circle, { cx: 10, cy: 10, r: 1.741, transform: "rotate(-90 10 10)", fill: color || "#000" }),
32
+ react_1.default.createElement(react_native_svg_1.Circle, { cx: 10, cy: 4.167, r: 1.741, transform: "rotate(-90 10 4.167)", fill: color || "#000" })));
33
+ }
34
+ exports.default = MoreVerticalIcon;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { IconProps } from "../types";
3
+ export default function OrganizationIcon(props: IconProps): JSX.Element;
@@ -0,0 +1,33 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ var __importDefault = (this && this.__importDefault) || function (mod) {
22
+ return (mod && mod.__esModule) ? mod : { "default": mod };
23
+ };
24
+ Object.defineProperty(exports, "__esModule", { value: true });
25
+ const react_1 = __importDefault(require("react"));
26
+ const react_native_svg_1 = __importStar(require("react-native-svg"));
27
+ function OrganizationIcon(props) {
28
+ const { size, color, width, height } = props;
29
+ return (react_1.default.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
30
+ react_1.default.createElement(react_native_svg_1.Path, { d: "M3.199 7.163H2a2 2 0 00-2 2V20h3.198V7.163zm13.603 0H18a2 2 0 012 2V20h-3.198V7.163z", fill: color || "#000" }),
31
+ react_1.default.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M4.21 2a2 2 0 012-2h7.58a2 2 0 012 2v18H4.21V2zm2.656 1.44h2.255v2.25H6.866V3.44zm6.28 0h-2.255v2.25h2.255V3.44zm-2.255 3.723h2.255v2.25h-2.255v-2.25zm-1.783 0H6.854v2.25h2.254v-2.25zm1.783 3.722h2.255v2.25h-2.255v-2.25zm-1.783 0H6.854v2.25h2.254v-2.25z", fill: color || "#000" })));
32
+ }
33
+ exports.default = OrganizationIcon;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { IconProps } from "../types";
3
+ export default function WrapLinesIcon(props: IconProps): JSX.Element;
@@ -0,0 +1,33 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ var __importDefault = (this && this.__importDefault) || function (mod) {
22
+ return (mod && mod.__esModule) ? mod : { "default": mod };
23
+ };
24
+ Object.defineProperty(exports, "__esModule", { value: true });
25
+ const react_1 = __importDefault(require("react"));
26
+ const react_native_svg_1 = __importStar(require("react-native-svg"));
27
+ function WrapLinesIcon(props) {
28
+ const { size, color, width, height } = props;
29
+ return (react_1.default.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
30
+ react_1.default.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M1.5 4.619a1 1 0 011-1h15a1 1 0 110 2h-15a1 1 0 01-1-1zm0 10a1 1 0 011-1h4a1 1 0 110 2h-4a1 1 0 01-1-1zm0-5a1 1 0 011-1H16a2.5 2.5 0 012.5 2.5v2a2.5 2.5 0 01-2.5 2.5h-2.5v-2H16a.5.5 0 00.5-.5v-2a.5.5 0 00-.5-.5H2.5a1 1 0 01-1-1z", fill: color || "#000" }),
31
+ react_1.default.createElement(react_native_svg_1.Path, { d: "M13.6 11.857v5.524L8.947 14.62l4.653-2.762z", fill: color || "#000" })));
32
+ }
33
+ exports.default = WrapLinesIcon;
@@ -17,6 +17,7 @@ export { default as BugInspectIcon } from './BugInspectIcon';
17
17
  export { default as BuildIcon } from './BuildIcon';
18
18
  export { default as BuildNumberIcon } from './BuildNumberIcon';
19
19
  export { default as BuildProfileIcon } from './BuildProfileIcon';
20
+ export { default as ChangelogIcon } from './ChangelogIcon';
20
21
  export { default as ChannelIcon } from './ChannelIcon';
21
22
  export { default as ChartIcon } from './ChartIcon';
22
23
  export { default as CheckIcon } from './CheckIcon';
@@ -62,8 +63,10 @@ export { default as MailIcon } from './MailIcon';
62
63
  export { default as MegaphoneIcon } from './MegaphoneIcon';
63
64
  export { default as MessageIcon } from './MessageIcon';
64
65
  export { default as MoreHorizontalIcon } from './MoreHorizontalIcon';
66
+ export { default as MoreVerticalIcon } from './MoreVerticalIcon';
65
67
  export { default as OneTimePasswordIcon } from './OneTimePasswordIcon';
66
68
  export { default as OpenInternalIcon } from './OpenInternalIcon';
69
+ export { default as OrganizationIcon } from './OrganizationIcon';
67
70
  export { default as OverviewIcon } from './OverviewIcon';
68
71
  export { default as PerformanceIcon } from './PerformanceIcon';
69
72
  export { default as PersonalTrainerIcon } from './PersonalTrainerIcon';
@@ -122,5 +125,6 @@ export { default as UsersFilledIcon } from './UsersFilledIcon';
122
125
  export { default as UsersIcon } from './UsersIcon';
123
126
  export { default as VersionIcon } from './VersionIcon';
124
127
  export { default as WarningIcon } from './WarningIcon';
128
+ export { default as WrapLinesIcon } from './WrapLinesIcon';
125
129
  export { default as XIcon } from './XIcon';
126
130
  export { default as YoutubeIcon } from './YoutubeIcon';
@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.HeadsetIcon = exports.HamburgerIcon = exports.GoogleAppStoreIcon = exports.GithubIcon = exports.GeneralIcon = exports.FacebookIcon = exports.ErrorIcon = exports.EditIcon = exports.EasSubmitIcon = exports.EasMetadataIcon = exports.DownloadIcon = exports.DiscourseIcon = exports.DiscordIcon = exports.DeploymentsIcon = exports.DeploymentIcon = exports.DebugIcon = exports.DatabaseIcon = exports.CreditCardIcon = exports.CredentialIcon = exports.CommitIcon = exports.CommandLineIcon = exports.CodeIcon = exports.CloudSlashIcon = exports.ClipboardIcon = exports.ChevronUpIcon = exports.ChevronRightIcon = exports.ChevronLeftIcon = exports.ChevronDownIcon = exports.CheckIcon = exports.ChartIcon = exports.ChannelIcon = exports.BuildProfileIcon = exports.BuildNumberIcon = exports.BuildIcon = exports.BugInspectIcon = exports.BranchIcon = exports.BellIcon = exports.BadgeIcon = exports.AtSignIcon = exports.ArrowUpRightIcon = exports.ArrowUpIcon = exports.ArrowRightIcon = exports.ArrowLeftIcon = exports.ArrowDownIcon = exports.AppleSimulatorIcon = exports.AppleIcon = exports.AppleAppStoreIcon = exports.AndroidIcon = exports.AddPhotoIcon = exports.ActivityIcon = void 0;
7
- exports.StoreIcon = exports.StatusWaitingIcon = exports.StatusSuccessIcon = exports.StatusNewIcon = exports.StatusFailedIcon = exports.StatusCanceledIcon = exports.SparklesIcon = exports.SlashShortcutIcon = exports.SettingsIcon = exports.SettingsFilledIcon = exports.SecretsIcon = exports.SearchIcon = exports.ScanIcon = exports.RuntimeVersionIcon = exports.RunIcon = exports.RolloutIcon = exports.RefreshIcon = exports.RedditIcon = exports.ReceiptIcon = exports.QuestionMarkIcon = exports.QuestionIcon = exports.QrCodeIcon = exports.PushToDeviceIcon = exports.ProjectTransferIcon = exports.PrivacyIcon = exports.PlusIcon = exports.PlansIcon = exports.PlanProductionIcon = exports.PlanFreeIcon = exports.PlanEnterpriseIcon = exports.PinIcon = exports.PersonalTrainerIcon = exports.PerformanceIcon = exports.OverviewIcon = exports.OpenInternalIcon = exports.OneTimePasswordIcon = exports.MoreHorizontalIcon = exports.MessageIcon = exports.MegaphoneIcon = exports.MailIcon = exports.LogsIcon = exports.LogoutMobileIcon = exports.LockIcon = exports.LifebuoyIcon = exports.InvoicesIcon = exports.InstagramIcon = exports.InspectElementIcon = exports.InfoIcon = exports.HomeIcon = exports.HomeFilledIcon = void 0;
8
- exports.YoutubeIcon = exports.XIcon = exports.WarningIcon = exports.VersionIcon = exports.UsersIcon = exports.UsersFilledIcon = exports.UserIcon = exports.UserFilledIcon = exports.UploadIcon = exports.UpgradeIcon = exports.UpdateIcon = exports.UndoIcon = exports.TwitterIcon = exports.TwitchIcon = exports.TriangleUpIcon = exports.TriangleRightIcon = exports.TriangleLeftIcon = exports.TriangleDownIcon = exports.TrashIcon = exports.TokensIcon = exports.ThumbsUpIcon = exports.ThumbsDownIcon = exports.ThemeLightIcon = exports.ThemeIcon = exports.ThemeDarkIcon = exports.ThemeAutoIcon = void 0;
6
+ exports.HamburgerIcon = exports.GoogleAppStoreIcon = exports.GithubIcon = exports.GeneralIcon = exports.FacebookIcon = exports.ErrorIcon = exports.EditIcon = exports.EasSubmitIcon = exports.EasMetadataIcon = exports.DownloadIcon = exports.DiscourseIcon = exports.DiscordIcon = exports.DeploymentsIcon = exports.DeploymentIcon = exports.DebugIcon = exports.DatabaseIcon = exports.CreditCardIcon = exports.CredentialIcon = exports.CommitIcon = exports.CommandLineIcon = exports.CodeIcon = exports.CloudSlashIcon = exports.ClipboardIcon = exports.ChevronUpIcon = exports.ChevronRightIcon = exports.ChevronLeftIcon = exports.ChevronDownIcon = exports.CheckIcon = exports.ChartIcon = exports.ChannelIcon = exports.ChangelogIcon = exports.BuildProfileIcon = exports.BuildNumberIcon = exports.BuildIcon = exports.BugInspectIcon = exports.BranchIcon = exports.BellIcon = exports.BadgeIcon = exports.AtSignIcon = exports.ArrowUpRightIcon = exports.ArrowUpIcon = exports.ArrowRightIcon = exports.ArrowLeftIcon = exports.ArrowDownIcon = exports.AppleSimulatorIcon = exports.AppleIcon = exports.AppleAppStoreIcon = exports.AndroidIcon = exports.AddPhotoIcon = exports.ActivityIcon = void 0;
7
+ exports.StatusNewIcon = exports.StatusFailedIcon = exports.StatusCanceledIcon = exports.SparklesIcon = exports.SlashShortcutIcon = exports.SettingsIcon = exports.SettingsFilledIcon = exports.SecretsIcon = exports.SearchIcon = exports.ScanIcon = exports.RuntimeVersionIcon = exports.RunIcon = exports.RolloutIcon = exports.RefreshIcon = exports.RedditIcon = exports.ReceiptIcon = exports.QuestionMarkIcon = exports.QuestionIcon = exports.QrCodeIcon = exports.PushToDeviceIcon = exports.ProjectTransferIcon = exports.PrivacyIcon = exports.PlusIcon = exports.PlansIcon = exports.PlanProductionIcon = exports.PlanFreeIcon = exports.PlanEnterpriseIcon = exports.PinIcon = exports.PersonalTrainerIcon = exports.PerformanceIcon = exports.OverviewIcon = exports.OrganizationIcon = exports.OpenInternalIcon = exports.OneTimePasswordIcon = exports.MoreVerticalIcon = exports.MoreHorizontalIcon = exports.MessageIcon = exports.MegaphoneIcon = exports.MailIcon = exports.LogsIcon = exports.LogoutMobileIcon = exports.LockIcon = exports.LifebuoyIcon = exports.InvoicesIcon = exports.InstagramIcon = exports.InspectElementIcon = exports.InfoIcon = exports.HomeIcon = exports.HomeFilledIcon = exports.HeadsetIcon = void 0;
8
+ exports.YoutubeIcon = exports.XIcon = exports.WrapLinesIcon = exports.WarningIcon = exports.VersionIcon = exports.UsersIcon = exports.UsersFilledIcon = exports.UserIcon = exports.UserFilledIcon = exports.UploadIcon = exports.UpgradeIcon = exports.UpdateIcon = exports.UndoIcon = exports.TwitterIcon = exports.TwitchIcon = exports.TriangleUpIcon = exports.TriangleRightIcon = exports.TriangleLeftIcon = exports.TriangleDownIcon = exports.TrashIcon = exports.TokensIcon = exports.ThumbsUpIcon = exports.ThumbsDownIcon = exports.ThemeLightIcon = exports.ThemeIcon = exports.ThemeDarkIcon = exports.ThemeAutoIcon = exports.StoreIcon = exports.StatusWaitingIcon = exports.StatusSuccessIcon = void 0;
9
9
  var ActivityIcon_1 = require("./ActivityIcon");
10
10
  Object.defineProperty(exports, "ActivityIcon", { enumerable: true, get: function () { return __importDefault(ActivityIcon_1).default; } });
11
11
  var AddPhotoIcon_1 = require("./AddPhotoIcon");
@@ -44,6 +44,8 @@ var BuildNumberIcon_1 = require("./BuildNumberIcon");
44
44
  Object.defineProperty(exports, "BuildNumberIcon", { enumerable: true, get: function () { return __importDefault(BuildNumberIcon_1).default; } });
45
45
  var BuildProfileIcon_1 = require("./BuildProfileIcon");
46
46
  Object.defineProperty(exports, "BuildProfileIcon", { enumerable: true, get: function () { return __importDefault(BuildProfileIcon_1).default; } });
47
+ var ChangelogIcon_1 = require("./ChangelogIcon");
48
+ Object.defineProperty(exports, "ChangelogIcon", { enumerable: true, get: function () { return __importDefault(ChangelogIcon_1).default; } });
47
49
  var ChannelIcon_1 = require("./ChannelIcon");
48
50
  Object.defineProperty(exports, "ChannelIcon", { enumerable: true, get: function () { return __importDefault(ChannelIcon_1).default; } });
49
51
  var ChartIcon_1 = require("./ChartIcon");
@@ -134,10 +136,14 @@ var MessageIcon_1 = require("./MessageIcon");
134
136
  Object.defineProperty(exports, "MessageIcon", { enumerable: true, get: function () { return __importDefault(MessageIcon_1).default; } });
135
137
  var MoreHorizontalIcon_1 = require("./MoreHorizontalIcon");
136
138
  Object.defineProperty(exports, "MoreHorizontalIcon", { enumerable: true, get: function () { return __importDefault(MoreHorizontalIcon_1).default; } });
139
+ var MoreVerticalIcon_1 = require("./MoreVerticalIcon");
140
+ Object.defineProperty(exports, "MoreVerticalIcon", { enumerable: true, get: function () { return __importDefault(MoreVerticalIcon_1).default; } });
137
141
  var OneTimePasswordIcon_1 = require("./OneTimePasswordIcon");
138
142
  Object.defineProperty(exports, "OneTimePasswordIcon", { enumerable: true, get: function () { return __importDefault(OneTimePasswordIcon_1).default; } });
139
143
  var OpenInternalIcon_1 = require("./OpenInternalIcon");
140
144
  Object.defineProperty(exports, "OpenInternalIcon", { enumerable: true, get: function () { return __importDefault(OpenInternalIcon_1).default; } });
145
+ var OrganizationIcon_1 = require("./OrganizationIcon");
146
+ Object.defineProperty(exports, "OrganizationIcon", { enumerable: true, get: function () { return __importDefault(OrganizationIcon_1).default; } });
141
147
  var OverviewIcon_1 = require("./OverviewIcon");
142
148
  Object.defineProperty(exports, "OverviewIcon", { enumerable: true, get: function () { return __importDefault(OverviewIcon_1).default; } });
143
149
  var PerformanceIcon_1 = require("./PerformanceIcon");
@@ -254,6 +260,8 @@ var VersionIcon_1 = require("./VersionIcon");
254
260
  Object.defineProperty(exports, "VersionIcon", { enumerable: true, get: function () { return __importDefault(VersionIcon_1).default; } });
255
261
  var WarningIcon_1 = require("./WarningIcon");
256
262
  Object.defineProperty(exports, "WarningIcon", { enumerable: true, get: function () { return __importDefault(WarningIcon_1).default; } });
263
+ var WrapLinesIcon_1 = require("./WrapLinesIcon");
264
+ Object.defineProperty(exports, "WrapLinesIcon", { enumerable: true, get: function () { return __importDefault(WrapLinesIcon_1).default; } });
257
265
  var XIcon_1 = require("./XIcon");
258
266
  Object.defineProperty(exports, "XIcon", { enumerable: true, get: function () { return __importDefault(XIcon_1).default; } });
259
267
  var YoutubeIcon_1 = require("./YoutubeIcon");