import * as React from 'react';

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

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

  return (
    <svg {...props} style={styles} viewBox="0 0 1024 1024"><defs></defs><path d="M152 280m36 0l408 0q36 0 36 36l0 0q0 36-36 36l-408 0q-36 0-36-36l0 0q0-36 36-36Z"></path><path d="M152 480m36 0l408 0q36 0 36 36l0 0q0 36-36 36l-408 0q-36 0-36-36l0 0q0-36 36-36Z"></path><path d="M152 680m36 0l408 0q36 0 36 36l0 0q0 36-36 36l-408 0q-36 0-36-36l0 0q0-36 36-36Z"></path><path d="M712 280m36 0l88 0q36 0 36 36l0 0q0 36-36 36l-88 0q-36 0-36-36l0 0q0-36 36-36Z"></path><path d="M712 480m36 0l88 0q36 0 36 36l0 0q0 36-36 36l-88 0q-36 0-36-36l0 0q0-36 36-36Z"></path><path d="M712 680m36 0l88 0q36 0 36 36l0 0q0 36-36 36l-88 0q-36 0-36-36l0 0q0-36 36-36Z"></path></svg>
  );
}