text: var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
      if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
      return cooked;
  };
  import React from 'react';
  import styled from 'styled-components';
  export var Eye = styled.svg.attrs({
      children: function (props) { return (props.title != null
          ? [React.createElement("title", { key: "Eye-title" }, props.title), React.createElement("path", { fill: "currentColor", d: "M569.354 231.631C512.97 135.949 407.81 72 288 72 168.14 72 63.004 135.994 6.646 231.631a47.999 47.999 0 0 0 0 48.739C63.031 376.051 168.19 440 288 440c119.86 0 224.996-63.994 281.354-159.631a47.997 47.997 0 0 0 0-48.738zM288 392c-102.556 0-192.091-54.701-240-136 44.157-74.933 123.677-127.27 216.162-135.007C273.958 131.078 280 144.83 280 160c0 30.928-25.072 56-56 56s-56-25.072-56-56l.001-.042C157.794 179.043 152 200.844 152 224c0 75.111 60.889 136 136 136s136-60.889 136-136c0-31.031-10.4-59.629-27.895-82.515C451.704 164.638 498.009 205.106 528 256c-47.908 81.299-137.444 136-240 136z", key: "k0" })
          ]
          : [React.createElement("path", { fill: "currentColor", d: "M569.354 231.631C512.97 135.949 407.81 72 288 72 168.14 72 63.004 135.994 6.646 231.631a47.999 47.999 0 0 0 0 48.739C63.031 376.051 168.19 440 288 440c119.86 0 224.996-63.994 281.354-159.631a47.997 47.997 0 0 0 0-48.738zM288 392c-102.556 0-192.091-54.701-240-136 44.157-74.933 123.677-127.27 216.162-135.007C273.958 131.078 280 144.83 280 160c0 30.928-25.072 56-56 56s-56-25.072-56-56l.001-.042C157.794 179.043 152 200.844 152 224c0 75.111 60.889 136 136 136s136-60.889 136-136c0-31.031-10.4-59.629-27.895-82.515C451.704 164.638 498.009 205.106 528 256c-47.908 81.299-137.444 136-240 136z", key: "k0" })
          ]); },
      viewBox: '0 0 576 512',
      height: function (props) { return (props.height !== undefined ? props.height : props.size); },
      width: function (props) { return (props.width !== undefined ? props.width : props.size); },
      // @ts-ignore - aria is not always defined on SVG in React TypeScript types
      'aria-hidden': function (props) { return (props.title == null ? 'true' : undefined); },
      focusable: 'false',
      role: function (props) { return (props.title != null ? 'img' : undefined); },
      "fill": "currentColor",
  })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-block;\n  vertical-align: -.125em;\n  overflow: hidden;\n"], ["\n  display: inline-block;\n  vertical-align: -.125em;\n  overflow: hidden;\n"])));
  Eye.displayName = 'Eye';
  export var EyeDimensions = { height: undefined, width: undefined };
  var templateObject_1;
  