@atlaskit/logo
Version:
A logo is a visual representation of a brand or app. It can be a word, an image, or a combination of both.
41 lines (38 loc) • 2.25 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.HubIcon = HubIcon;
var _react = _interopRequireDefault(require("react"));
var _iconWrapper = require("../../../utils/icon-wrapper");
/**
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::e29dce39189dd918774e2dba3776792a>>
* @codegenCommand yarn workspace @atlaskit/logo generate:components
*/
// `height` is set to 100% to allow the SVG to scale with the parent element
var svg = "<svg height=\"100%\" viewBox=\"0 0 32 32\">\n <g clip-path=\"url(#clip0_95164_16219)\">\n <path fill=\"var(--tile-color,#dddee1)\" d=\"M0 8a8 8 0 0 1 8-8h16a8 8 0 0 1 8 8v16a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8z\"/>\n <g clip-path=\"url(#clip1_95164_16219)\">\n <path fill=\"var(--icon-color, #101214)\" fill-rule=\"evenodd\" d=\"M9 25.333V6.667h14v18.666h-5.25V21.25h-3.5v4.083zm3.5-14.583h2.333V9H12.5zm4.667 0H19.5V9h-2.333zm-2.334 4.083H12.5v-1.75h2.333zM12.5 18.916h2.333v-1.75H12.5zm7-4.083h-2.333v-1.75H19.5zm-2.333 4.083H19.5v-1.75h-2.333z\" clip-rule=\"evenodd\"/>\n </g>\n </g>\n <defs>\n <clipPath id=\"clip0_95164_16219\">\n <path fill=\"var(--icon-color, white)\" d=\"M0 0h32v32H0z\"/>\n </clipPath>\n <clipPath id=\"clip1_95164_16219\">\n <path fill=\"var(--icon-color, white)\" d=\"M2 2h28v28H2z\"/>\n </clipPath>\n </defs>\n</svg>\n";
/**
* __HubIcon__
*
* An internal component to represent the icon for Hub.
* Do not use this internal component directly — use `HubIcon` from `@atlaskit/logo` instead.
*
*/
function HubIcon(_ref) {
var _ref$size = _ref.size,
size = _ref$size === void 0 ? 'medium' : _ref$size,
_ref$appearance = _ref.appearance,
appearance = _ref$appearance === void 0 ? 'brand' : _ref$appearance,
_ref$label = _ref.label,
label = _ref$label === void 0 ? 'Hub' : _ref$label,
testId = _ref.testId;
return /*#__PURE__*/_react.default.createElement(_iconWrapper.IconWrapper, {
svg: svg,
label: label,
appearance: appearance,
size: size,
testId: testId
});
}