import * as React from 'react';

const DefaultStyles = {
  width: '1em',
  height: '1em',
  verticalAlign: 'middle',
  fill: 'currentColor',
  overflow: 'hidden'
};

export default function RuleEditorField(props = {}) {
  const styles = Object.assign({}, DefaultStyles, props.style);

  return (
    <svg {...props} style={styles} viewBox="0 0 1024 1024"><defs></defs><path d="M104 104m32 0l432 0q32 0 32 32l0 592q0 32-32 32l-432 0q-32 0-32-32l0-592q0-32 32-32Z" fillOpacity=".18"></path><path d="M168 200m36 0l296 0q36 0 36 36l0 0q0 36-36 36l-296 0q-36 0-36-36l0 0q0-36 36-36Z"></path><path d="M320 232m36 0l0 0q36 0 36 36l0 360q0 36-36 36l0 0q-36 0-36-36l0-360q0-36 36-36Z"></path><path d="M688 168m36 0l168 0q36 0 36 36l0 0q0 36-36 36l-168 0q-36 0-36-36l0 0q0-36 36-36Z"></path><path d="M688 384m36 0l168 0q36 0 36 36l0 0q0 36-36 36l-168 0q-36 0-36-36l0 0q0-36 36-36Z"></path><path d="M688 600m36 0l168 0q36 0 36 36l0 0q0 36-36 36l-168 0q-36 0-36-36l0 0q0-36 36-36Z"></path><path d="M96 848m36 0l760 0q36 0 36 36l0 0q0 36-36 36l-760 0q-36 0-36-36l0 0q0-36 36-36Z"></path></svg>
  );
}