@atlaskit/editor-plugin-media-editing/dist/esm/ui/ImageEditor/icons/RatioIcon.js

MediaEditing plugin for @atlaskit/editor-core

/* RatioIcon.tsx generated by @compiled/babel-plugin v0.39.1 */
import "./RatioIcon.compiled.css";
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
var sizeStyles = {
  small: "_1bsbgktf _4t3igktf",
  medium: "_1bsb1tcg _4t3i1tcg",
  large: "_1bsbzwfg _4t3izwfg",
  xlarge: "_1bsbckbl _4t3ickbl"
};
var svgStyles = null;
export var RatioIcon = function RatioIcon(_ref) {
  var label = _ref.label,
    _ref$size = _ref.size,
    size = _ref$size === void 0 ? 'small' : _ref$size,
    _ref$primaryColor = _ref.primaryColor,
    primaryColor = _ref$primaryColor === void 0 ? 'currentColor' : _ref$primaryColor,
    secondaryColor = _ref.secondaryColor,
    isDisabled = _ref.isDisabled;
  return /*#__PURE__*/React.createElement("svg", {
    viewBox: "0 0 16 16",
    xmlns: "http://www.w3.org/2000/svg",
    style: {
      color: primaryColor,
      fill: secondaryColor,
      opacity: isDisabled ? 0.5 : 1
    },
    "aria-label": label || undefined,
    role: label ? 'img' : 'presentation',
    className: ax(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw", sizeStyles[size]])
  }, /*#__PURE__*/React.createElement("path", {
    d: "M3 10V13H6V14.5H2.875C2.11561 14.5 1.5 13.8844 1.5 13.125V10H3ZM14.5 13.125C14.5 13.8844 13.8844 14.5 13.125 14.5H10V13H13V10H14.5V13.125ZM13.125 1.5C13.8844 1.5 14.5 2.11561 14.5 2.875V6H13V3H10V1.5H13.125ZM6 3H3V6H1.5V2.875C1.5 2.11561 2.11561 1.5 2.875 1.5H6V3Z",
    fill: primaryColor
  }));
};