@atlaskit/editor-plugin-media-editing/dist/es2019/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";
const sizeStyles = {
  small: "_1bsbgktf _4t3igktf",
  medium: "_1bsb1tcg _4t3i1tcg",
  large: "_1bsbzwfg _4t3izwfg",
  xlarge: "_1bsbckbl _4t3ickbl"
};
const svgStyles = null;
export const RatioIcon = ({
  label,
  size = 'small',
  primaryColor = 'currentColor',
  secondaryColor,
  isDisabled
}) => /*#__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
}));