@atlaskit/logo/dist/esm/artifacts/logo-components/feedback/logo.js

A logo is a visual representation of a brand or app. It can be a word, an image, or a combination of both.

/**
 * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
 * @codegen <<SignedSource::5dbc51e5341438aea42a2280054f5e9d>>
 * @codegenCommand yarn workspace @atlaskit/logo generate:components
 */
import React from 'react';
import { LogoWrapper } from '../../../utils/logo-wrapper';
// `height` is set to 100% to allow the SVG to scale with the parent element
// The text color is set to "currentColor" to allow the SVG to inherit the color set by the parent based on the theme.
var svg = "<svg height=\"100%\" viewBox=\"0 0 127 24\">\n    <path fill=\"var(--text-color, #292a2e)\" d=\"M118.42 19h-1.978V2.693h1.978v10.189l4.945-5.382h2.576l-5.405 5.658L126.171 19h-2.691l-5.06-5.382zm-4.236-2.07v1.771c-.69.368-1.748.529-2.806.529-4.094 0-6.003-2.484-6.003-6.003 0-3.473 1.909-5.957 6.003-5.957 1.035 0 1.84.138 2.737.552v1.84c-.736-.345-1.518-.552-2.599-.552-2.99 0-4.209 1.886-4.209 4.117s1.242 4.117 4.255 4.117c1.173 0 1.909-.161 2.622-.414m-19.589-3.68c0 2.76 1.104 4.14 3.151 4.14 1.771 0 3.358-1.127 3.358-3.68v-.92c0-2.553-1.449-3.68-3.128-3.68-2.23 0-3.38 1.472-3.38 4.14m6.509 5.75v-2.07c-.736 1.518-2.116 2.3-3.887 2.3-3.059 0-4.6-2.599-4.6-5.98 0-3.243 1.61-5.98 4.83-5.98 1.68 0 2.967.759 3.657 2.254V7.5h1.978V19zm-12.068-5.75c0-2.76-1.104-4.14-3.151-4.14-1.771 0-3.358 1.127-3.358 3.68v.92c0 2.553 1.449 3.68 3.128 3.68 2.23 0 3.38-1.472 3.38-4.14m-2.852 5.98c-1.68 0-2.967-.76-3.657-2.254V19H80.55V2.693h1.978V9.57c.736-1.518 2.116-2.3 3.887-2.3 3.059 0 4.6 2.599 4.6 5.98 0 3.243-1.61 5.98-4.83 5.98M69.08 13.25c0 2.76 1.104 4.14 3.15 4.14 1.772 0 3.359-1.127 3.359-3.68v-.92c0-2.553-1.45-3.68-3.128-3.68-2.231 0-3.381 1.472-3.381 4.14M75.589 19v-2.07c-.736 1.518-2.116 2.3-3.887 2.3-3.06 0-4.6-2.6-4.6-5.98 0-3.243 1.61-5.98 4.83-5.98 1.679 0 2.967.759 3.657 2.254V2.693h1.978V19zM60.376 9.064c-2.093 0-3.151 1.357-3.358 3.358h6.417c-.115-2.139-1.081-3.358-3.059-3.358m4.416 9.476c-.943.506-2.392.69-3.565.69-4.301 0-6.187-2.484-6.187-6.003 0-3.473 1.932-5.957 5.428-5.957 3.542 0 4.968 2.461 4.968 5.957v.897h-8.395c.276 1.955 1.541 3.22 4.255 3.22a10.2 10.2 0 0 0 3.496-.621zM48.315 9.064c-2.093 0-3.151 1.357-3.358 3.358h6.416c-.114-2.139-1.08-3.358-3.058-3.358m4.416 9.476c-.944.506-2.392.69-3.565.69-4.301 0-6.187-2.484-6.187-6.003 0-3.473 1.931-5.957 5.428-5.957 3.542 0 4.968 2.461 4.968 5.957v.897H44.98c.276 1.955 1.54 3.22 4.255 3.22a10.2 10.2 0 0 0 3.496-.621zM40.97 13.365h-6.853V19h-2.07V3.889h9.706v1.978h-7.636v5.52h6.854z\"/>\n    <rect width=\"24\" height=\"24\" fill=\"var(--tile-color,#c97cf4)\" rx=\"6\"/>\n    <path fill=\"var(--icon-color, #101214)\" d=\"M10 9.5h2.5V15H10zM13.5 5H16v14h-2.5zM17 8h2.5v8H17zM6.5 8H9v8H6.5zM3 10.5h2.5V14H3z\"/>\n</svg>\n";

/**
 * __FeedbackLogo__
 *
 * An internal component to represent the logo for Feedback.
 *
 */
export function FeedbackLogo(_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 ? 'Feedback' : _ref$label,
    testId = _ref.testId;
  return /*#__PURE__*/React.createElement(LogoWrapper, {
    svg: svg,
    label: label,
    appearance: appearance,
    size: size,
    testId: testId
  });
}