// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`ChartTooltip 1`] = `
<ChartTooltip
  centerOffset={
    Object {
      "x": [Function],
      "y": 0,
    }
  }
  constrainToVisibleArea={true}
  flyoutComponent={
    <ChartCursorFlyout
      pathComponent={<Path />}
      pointerLength={10}
      pointerWidth={20}
      role="presentation"
      shapeRendering="auto"
    />
  }
  labelComponent={<ChartLabel />}
  labelTextAnchor="start"
  pointerOrientation={[Function]}
  style={
    Object {
      "textAnchor": "start",
    }
  }
  text="This is a tooltip"
  theme={
    Object {
      "area": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "data": Object {
            "fill": "#06c",
            "fillOpacity": 0.3,
            "strokeWidth": 2,
          },
          "labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
            "textAnchor": "middle",
          },
        },
        "width": 450,
      },
      "axis": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "axis": Object {
            "fill": "transparent",
            "stroke": "#d2d2d2",
            "strokeLinecap": "round",
            "strokeLinejoin": "round",
            "strokeWidth": 1,
          },
          "axisLabel": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 40,
            "stroke": "transparent",
            "textAnchor": "middle",
          },
          "grid": Object {
            "fill": "none",
            "pointerEvents": "painted",
            "stroke": "none",
            "strokeLinecap": "round",
            "strokeLinejoin": "round",
          },
          "tickLabels": Object {
            "fill": "#4f5255",
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
          },
          "ticks": Object {
            "fill": "transparent",
            "size": 5,
            "stroke": "#d2d2d2",
            "strokeLinecap": "round",
            "strokeLinejoin": "round",
            "strokeWidth": 1,
          },
        },
        "width": 450,
      },
      "bar": Object {
        "barWidth": 10,
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "data": Object {
            "fill": "#06c",
            "padding": 8,
            "stroke": "none",
            "strokeWidth": 0,
          },
          "labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
          },
        },
        "width": 450,
      },
      "boxplot": Object {
        "boxWidth": 20,
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "max": Object {
            "padding": 8,
            "stroke": "#151515",
            "strokeWidth": 1,
          },
          "maxLabels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
          },
          "median": Object {
            "padding": 8,
            "stroke": "#151515",
            "strokeWidth": 1,
          },
          "medianLabels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
          },
          "min": Object {
            "padding": 8,
            "stroke": "#151515",
            "strokeWidth": 1,
          },
          "minLabels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
          },
          "q1": Object {
            "fill": "#8a8d90",
            "padding": 8,
          },
          "q1Labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
          },
          "q3": Object {
            "fill": "#8a8d90",
            "padding": 8,
          },
          "q3Labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
          },
        },
        "width": 450,
      },
      "candlestick": Object {
        "candleColors": Object {
          "negative": "#151515",
          "positive": "#fff",
        },
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "data": Object {
            "stroke": "#151515",
            "strokeWidth": 1,
          },
          "labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
            "textAnchor": "middle",
          },
        },
        "width": 450,
      },
      "chart": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "width": 450,
      },
      "errorbar": Object {
        "borderWidth": 8,
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "data": Object {
            "fill": "transparent",
            "opacity": 1,
            "stroke": "#151515",
            "strokeWidth": 2,
          },
          "labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
            "textAnchor": "middle",
          },
        },
        "width": 450,
      },
      "group": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "width": 450,
      },
      "legend": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "gutter": 20,
        "orientation": "horizontal",
        "style": Object {
          "data": Object {
            "type": "square",
          },
          "labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
          },
          "title": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 2,
            "stroke": "transparent",
          },
        },
        "titleOrientation": "top",
      },
      "line": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "data": Object {
            "fill": "transparent",
            "opacity": 1,
            "stroke": "#06c",
            "strokeWidth": 2,
          },
          "labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
            "textAnchor": "middle",
          },
        },
        "width": 450,
      },
      "pie": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 230,
        "padding": 20,
        "style": Object {
          "data": Object {
            "padding": 8,
            "stroke": "transparent",
            "strokeWidth": 1,
          },
          "labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 8,
            "stroke": "transparent",
          },
        },
        "width": 230,
      },
      "scatter": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "data": Object {
            "fill": "#151515",
            "opacity": 1,
            "stroke": "transparent",
            "strokeWidth": 0,
          },
          "labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
            "textAnchor": "middle",
          },
        },
        "width": 450,
      },
      "stack": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "data": Object {
            "strokeWidth": 1,
          },
        },
        "width": 450,
      },
      "tooltip": Object {
        "cornerRadius": 0,
        "flyoutPadding": 8,
        "flyoutStyle": Object {
          "cornerRadius": 0,
          "fill": "#151515",
          "pointerEvents": "none",
          "stroke": "#151515",
          "strokeWidth": 0,
        },
        "pointerLength": 10,
        "pointerWidth": 20,
        "style": Object {
          "fill": "#f0f0f0",
          "pointerEvents": "none",
        },
      },
      "voronoi": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "data": Object {
            "fill": "transparent",
            "stroke": "transparent",
            "strokeWidth": 0,
          },
          "flyout": Object {
            "fill": "#151515",
            "pointerEvents": "none",
            "stroke": "#151515",
            "strokeWidth": 1,
          },
          "labels": Object {
            "fill": "#f0f0f0",
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 8,
            "pointerEvents": "none",
            "stroke": "transparent",
            "textAnchor": "middle",
          },
        },
        "width": 450,
      },
    }
  }
/>
`;

exports[`ChartTooltip 2`] = `
<ChartTooltip
  centerOffset={
    Object {
      "x": [Function],
      "y": 0,
    }
  }
  constrainToVisibleArea={true}
  flyoutComponent={
    <ChartCursorFlyout
      pathComponent={<Path />}
      pointerLength={10}
      pointerWidth={20}
      role="presentation"
      shapeRendering="auto"
    />
  }
  labelComponent={<ChartLabel />}
  labelTextAnchor="start"
  pointerOrientation={[Function]}
  style={
    Object {
      "textAnchor": "start",
    }
  }
  text="This is a tooltip"
  theme={
    Object {
      "area": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "data": Object {
            "fill": "#06c",
            "fillOpacity": 0.3,
            "strokeWidth": 2,
          },
          "labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
            "textAnchor": "middle",
          },
        },
        "width": 450,
      },
      "axis": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "axis": Object {
            "fill": "transparent",
            "stroke": "#d2d2d2",
            "strokeLinecap": "round",
            "strokeLinejoin": "round",
            "strokeWidth": 1,
          },
          "axisLabel": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 40,
            "stroke": "transparent",
            "textAnchor": "middle",
          },
          "grid": Object {
            "fill": "none",
            "pointerEvents": "painted",
            "stroke": "none",
            "strokeLinecap": "round",
            "strokeLinejoin": "round",
          },
          "tickLabels": Object {
            "fill": "#4f5255",
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
          },
          "ticks": Object {
            "fill": "transparent",
            "size": 5,
            "stroke": "#d2d2d2",
            "strokeLinecap": "round",
            "strokeLinejoin": "round",
            "strokeWidth": 1,
          },
        },
        "width": 450,
      },
      "bar": Object {
        "barWidth": 10,
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "data": Object {
            "fill": "#06c",
            "padding": 8,
            "stroke": "none",
            "strokeWidth": 0,
          },
          "labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
          },
        },
        "width": 450,
      },
      "boxplot": Object {
        "boxWidth": 20,
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "max": Object {
            "padding": 8,
            "stroke": "#151515",
            "strokeWidth": 1,
          },
          "maxLabels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
          },
          "median": Object {
            "padding": 8,
            "stroke": "#151515",
            "strokeWidth": 1,
          },
          "medianLabels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
          },
          "min": Object {
            "padding": 8,
            "stroke": "#151515",
            "strokeWidth": 1,
          },
          "minLabels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
          },
          "q1": Object {
            "fill": "#8a8d90",
            "padding": 8,
          },
          "q1Labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
          },
          "q3": Object {
            "fill": "#8a8d90",
            "padding": 8,
          },
          "q3Labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
          },
        },
        "width": 450,
      },
      "candlestick": Object {
        "candleColors": Object {
          "negative": "#151515",
          "positive": "#fff",
        },
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "data": Object {
            "stroke": "#151515",
            "strokeWidth": 1,
          },
          "labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
            "textAnchor": "middle",
          },
        },
        "width": 450,
      },
      "chart": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "width": 450,
      },
      "errorbar": Object {
        "borderWidth": 8,
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "data": Object {
            "fill": "transparent",
            "opacity": 1,
            "stroke": "#151515",
            "strokeWidth": 2,
          },
          "labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
            "textAnchor": "middle",
          },
        },
        "width": 450,
      },
      "group": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "width": 450,
      },
      "legend": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "gutter": 20,
        "orientation": "horizontal",
        "style": Object {
          "data": Object {
            "type": "square",
          },
          "labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
          },
          "title": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 2,
            "stroke": "transparent",
          },
        },
        "titleOrientation": "top",
      },
      "line": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "data": Object {
            "fill": "transparent",
            "opacity": 1,
            "stroke": "#06c",
            "strokeWidth": 2,
          },
          "labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
            "textAnchor": "middle",
          },
        },
        "width": 450,
      },
      "pie": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 230,
        "padding": 20,
        "style": Object {
          "data": Object {
            "padding": 8,
            "stroke": "transparent",
            "strokeWidth": 1,
          },
          "labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 8,
            "stroke": "transparent",
          },
        },
        "width": 230,
      },
      "scatter": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "data": Object {
            "fill": "#151515",
            "opacity": 1,
            "stroke": "transparent",
            "strokeWidth": 0,
          },
          "labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
            "textAnchor": "middle",
          },
        },
        "width": 450,
      },
      "stack": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "data": Object {
            "strokeWidth": 1,
          },
        },
        "width": 450,
      },
      "tooltip": Object {
        "cornerRadius": 0,
        "flyoutPadding": 8,
        "flyoutStyle": Object {
          "cornerRadius": 0,
          "fill": "#151515",
          "pointerEvents": "none",
          "stroke": "#151515",
          "strokeWidth": 0,
        },
        "pointerLength": 10,
        "pointerWidth": 20,
        "style": Object {
          "fill": "#f0f0f0",
          "pointerEvents": "none",
        },
      },
      "voronoi": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "data": Object {
            "fill": "transparent",
            "stroke": "transparent",
            "strokeWidth": 0,
          },
          "flyout": Object {
            "fill": "#151515",
            "pointerEvents": "none",
            "stroke": "#151515",
            "strokeWidth": 1,
          },
          "labels": Object {
            "fill": "#f0f0f0",
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 8,
            "pointerEvents": "none",
            "stroke": "transparent",
            "textAnchor": "middle",
          },
        },
        "width": 450,
      },
    }
  }
/>
`;

exports[`allows tooltip via container component 1`] = `
<VictoryGroup
  containerComponent={
    <VictoryCursorVoronoiContainer
      activateData={true}
      activateLabels={true}
      className="pf-c-chart"
      cursorComponent={
        <LineSegment
          lineComponent={<Line />}
          role="presentation"
          shapeRendering="auto"
        />
      }
      cursorLabelComponent={
        <ChartLabel
          textAnchor="start"
        />
      }
      cursorLabelOffset={
        Object {
          "x": 5,
          "y": -10,
        }
      }
      labelComponent={
        <ChartCursorTooltip
          flyoutComponent={
            <ChartCursorFlyout
              pathComponent={<Path />}
              role="presentation"
              shapeRendering="auto"
            />
          }
        />
      }
      labels={[Function]}
      portalComponent={<Portal />}
      portalZIndex={99}
      responsive={true}
      theme={
        Object {
          "area": Object {
            "colorScale": Array [
              "#06c",
              "#8bc1f7",
              "#002f5d",
              "#519de9",
              "#004b95",
            ],
            "height": 300,
            "padding": 50,
            "style": Object {
              "data": Object {
                "fill": "#06c",
                "fillOpacity": 0.3,
                "strokeWidth": 2,
              },
              "labels": Object {
                "fontFamily": "var(--pf-chart-global--FontFamily)",
                "fontSize": 14,
                "letterSpacing": "var(--pf-chart-global--letter-spacing)",
                "padding": 10,
                "stroke": "transparent",
                "textAnchor": "middle",
              },
            },
            "width": 450,
          },
          "axis": Object {
            "colorScale": Array [
              "#06c",
              "#8bc1f7",
              "#002f5d",
              "#519de9",
              "#004b95",
            ],
            "height": 300,
            "padding": 50,
            "style": Object {
              "axis": Object {
                "fill": "transparent",
                "stroke": "#d2d2d2",
                "strokeLinecap": "round",
                "strokeLinejoin": "round",
                "strokeWidth": 1,
              },
              "axisLabel": Object {
                "fontFamily": "var(--pf-chart-global--FontFamily)",
                "fontSize": 14,
                "letterSpacing": "var(--pf-chart-global--letter-spacing)",
                "padding": 40,
                "stroke": "transparent",
                "textAnchor": "middle",
              },
              "grid": Object {
                "fill": "none",
                "pointerEvents": "painted",
                "stroke": "none",
                "strokeLinecap": "round",
                "strokeLinejoin": "round",
              },
              "tickLabels": Object {
                "fill": "#4f5255",
                "fontFamily": "var(--pf-chart-global--FontFamily)",
                "fontSize": 14,
                "letterSpacing": "var(--pf-chart-global--letter-spacing)",
                "padding": 10,
                "stroke": "transparent",
              },
              "ticks": Object {
                "fill": "transparent",
                "size": 5,
                "stroke": "#d2d2d2",
                "strokeLinecap": "round",
                "strokeLinejoin": "round",
                "strokeWidth": 1,
              },
            },
            "width": 450,
          },
          "bar": Object {
            "barWidth": 10,
            "colorScale": Array [
              "#06c",
              "#8bc1f7",
              "#002f5d",
              "#519de9",
              "#004b95",
            ],
            "height": 300,
            "padding": 50,
            "style": Object {
              "data": Object {
                "fill": "#06c",
                "padding": 8,
                "stroke": "none",
                "strokeWidth": 0,
              },
              "labels": Object {
                "fontFamily": "var(--pf-chart-global--FontFamily)",
                "fontSize": 14,
                "letterSpacing": "var(--pf-chart-global--letter-spacing)",
                "padding": 10,
                "stroke": "transparent",
              },
            },
            "width": 450,
          },
          "boxplot": Object {
            "boxWidth": 20,
            "colorScale": Array [
              "#06c",
              "#8bc1f7",
              "#002f5d",
              "#519de9",
              "#004b95",
            ],
            "height": 300,
            "padding": 50,
            "style": Object {
              "max": Object {
                "padding": 8,
                "stroke": "#151515",
                "strokeWidth": 1,
              },
              "maxLabels": Object {
                "fontFamily": "var(--pf-chart-global--FontFamily)",
                "fontSize": 14,
                "letterSpacing": "var(--pf-chart-global--letter-spacing)",
                "padding": 10,
                "stroke": "transparent",
              },
              "median": Object {
                "padding": 8,
                "stroke": "#151515",
                "strokeWidth": 1,
              },
              "medianLabels": Object {
                "fontFamily": "var(--pf-chart-global--FontFamily)",
                "fontSize": 14,
                "letterSpacing": "var(--pf-chart-global--letter-spacing)",
                "padding": 10,
                "stroke": "transparent",
              },
              "min": Object {
                "padding": 8,
                "stroke": "#151515",
                "strokeWidth": 1,
              },
              "minLabels": Object {
                "fontFamily": "var(--pf-chart-global--FontFamily)",
                "fontSize": 14,
                "letterSpacing": "var(--pf-chart-global--letter-spacing)",
                "padding": 10,
                "stroke": "transparent",
              },
              "q1": Object {
                "fill": "#8a8d90",
                "padding": 8,
              },
              "q1Labels": Object {
                "fontFamily": "var(--pf-chart-global--FontFamily)",
                "fontSize": 14,
                "letterSpacing": "var(--pf-chart-global--letter-spacing)",
                "padding": 10,
                "stroke": "transparent",
              },
              "q3": Object {
                "fill": "#8a8d90",
                "padding": 8,
              },
              "q3Labels": Object {
                "fontFamily": "var(--pf-chart-global--FontFamily)",
                "fontSize": 14,
                "letterSpacing": "var(--pf-chart-global--letter-spacing)",
                "padding": 10,
                "stroke": "transparent",
              },
            },
            "width": 450,
          },
          "candlestick": Object {
            "candleColors": Object {
              "negative": "#151515",
              "positive": "#fff",
            },
            "colorScale": Array [
              "#06c",
              "#8bc1f7",
              "#002f5d",
              "#519de9",
              "#004b95",
            ],
            "height": 300,
            "padding": 50,
            "style": Object {
              "data": Object {
                "stroke": "#151515",
                "strokeWidth": 1,
              },
              "labels": Object {
                "fontFamily": "var(--pf-chart-global--FontFamily)",
                "fontSize": 14,
                "letterSpacing": "var(--pf-chart-global--letter-spacing)",
                "padding": 10,
                "stroke": "transparent",
                "textAnchor": "middle",
              },
            },
            "width": 450,
          },
          "chart": Object {
            "colorScale": Array [
              "#06c",
              "#8bc1f7",
              "#002f5d",
              "#519de9",
              "#004b95",
            ],
            "height": 300,
            "padding": 50,
            "width": 450,
          },
          "errorbar": Object {
            "borderWidth": 8,
            "colorScale": Array [
              "#06c",
              "#8bc1f7",
              "#002f5d",
              "#519de9",
              "#004b95",
            ],
            "height": 300,
            "padding": 50,
            "style": Object {
              "data": Object {
                "fill": "transparent",
                "opacity": 1,
                "stroke": "#151515",
                "strokeWidth": 2,
              },
              "labels": Object {
                "fontFamily": "var(--pf-chart-global--FontFamily)",
                "fontSize": 14,
                "letterSpacing": "var(--pf-chart-global--letter-spacing)",
                "padding": 10,
                "stroke": "transparent",
                "textAnchor": "middle",
              },
            },
            "width": 450,
          },
          "group": Object {
            "colorScale": Array [
              "#06c",
              "#8bc1f7",
              "#002f5d",
              "#519de9",
              "#004b95",
            ],
            "height": 300,
            "padding": 50,
            "width": 450,
          },
          "legend": Object {
            "colorScale": Array [
              "#06c",
              "#8bc1f7",
              "#002f5d",
              "#519de9",
              "#004b95",
            ],
            "gutter": 20,
            "orientation": "horizontal",
            "style": Object {
              "data": Object {
                "type": "square",
              },
              "labels": Object {
                "fontFamily": "var(--pf-chart-global--FontFamily)",
                "fontSize": 14,
                "letterSpacing": "var(--pf-chart-global--letter-spacing)",
                "padding": 10,
                "stroke": "transparent",
              },
              "title": Object {
                "fontFamily": "var(--pf-chart-global--FontFamily)",
                "fontSize": 14,
                "letterSpacing": "var(--pf-chart-global--letter-spacing)",
                "padding": 2,
                "stroke": "transparent",
              },
            },
            "titleOrientation": "top",
          },
          "line": Object {
            "colorScale": Array [
              "#06c",
              "#8bc1f7",
              "#002f5d",
              "#519de9",
              "#004b95",
            ],
            "height": 300,
            "padding": 50,
            "style": Object {
              "data": Object {
                "fill": "transparent",
                "opacity": 1,
                "stroke": "#06c",
                "strokeWidth": 2,
              },
              "labels": Object {
                "fontFamily": "var(--pf-chart-global--FontFamily)",
                "fontSize": 14,
                "letterSpacing": "var(--pf-chart-global--letter-spacing)",
                "padding": 10,
                "stroke": "transparent",
                "textAnchor": "middle",
              },
            },
            "width": 450,
          },
          "pie": Object {
            "colorScale": Array [
              "#06c",
              "#8bc1f7",
              "#002f5d",
              "#519de9",
              "#004b95",
            ],
            "height": 230,
            "padding": 20,
            "style": Object {
              "data": Object {
                "padding": 8,
                "stroke": "transparent",
                "strokeWidth": 1,
              },
              "labels": Object {
                "fontFamily": "var(--pf-chart-global--FontFamily)",
                "fontSize": 14,
                "letterSpacing": "var(--pf-chart-global--letter-spacing)",
                "padding": 8,
                "stroke": "transparent",
              },
            },
            "width": 230,
          },
          "scatter": Object {
            "colorScale": Array [
              "#06c",
              "#8bc1f7",
              "#002f5d",
              "#519de9",
              "#004b95",
            ],
            "height": 300,
            "padding": 50,
            "style": Object {
              "data": Object {
                "fill": "#151515",
                "opacity": 1,
                "stroke": "transparent",
                "strokeWidth": 0,
              },
              "labels": Object {
                "fontFamily": "var(--pf-chart-global--FontFamily)",
                "fontSize": 14,
                "letterSpacing": "var(--pf-chart-global--letter-spacing)",
                "padding": 10,
                "stroke": "transparent",
                "textAnchor": "middle",
              },
            },
            "width": 450,
          },
          "stack": Object {
            "colorScale": Array [
              "#06c",
              "#8bc1f7",
              "#002f5d",
              "#519de9",
              "#004b95",
            ],
            "height": 300,
            "padding": 50,
            "style": Object {
              "data": Object {
                "strokeWidth": 1,
              },
            },
            "width": 450,
          },
          "tooltip": Object {
            "cornerRadius": 0,
            "flyoutPadding": 8,
            "flyoutStyle": Object {
              "cornerRadius": 0,
              "fill": "#151515",
              "pointerEvents": "none",
              "stroke": "#151515",
              "strokeWidth": 0,
            },
            "pointerLength": 10,
            "pointerWidth": 20,
            "style": Object {
              "fill": "#f0f0f0",
              "pointerEvents": "none",
            },
          },
          "voronoi": Object {
            "colorScale": Array [
              "#06c",
              "#8bc1f7",
              "#002f5d",
              "#519de9",
              "#004b95",
            ],
            "height": 300,
            "padding": 50,
            "style": Object {
              "data": Object {
                "fill": "transparent",
                "stroke": "transparent",
                "strokeWidth": 0,
              },
              "flyout": Object {
                "fill": "#151515",
                "pointerEvents": "none",
                "stroke": "#151515",
                "strokeWidth": 1,
              },
              "labels": Object {
                "fill": "#f0f0f0",
                "fontFamily": "var(--pf-chart-global--FontFamily)",
                "fontSize": 14,
                "letterSpacing": "var(--pf-chart-global--letter-spacing)",
                "padding": 8,
                "pointerEvents": "none",
                "stroke": "transparent",
                "textAnchor": "middle",
              },
            },
            "width": 450,
          },
        }
      }
      voronoiPadding={5}
    />
  }
  groupComponent={<g />}
  height={200}
  samples={50}
  sortOrder="ascending"
  standalone={true}
  theme={
    Object {
      "area": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "data": Object {
            "fill": "#06c",
            "fillOpacity": 0.3,
            "strokeWidth": 2,
          },
          "labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
            "textAnchor": "middle",
          },
        },
        "width": 450,
      },
      "axis": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "axis": Object {
            "fill": "transparent",
            "stroke": "#d2d2d2",
            "strokeLinecap": "round",
            "strokeLinejoin": "round",
            "strokeWidth": 1,
          },
          "axisLabel": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 40,
            "stroke": "transparent",
            "textAnchor": "middle",
          },
          "grid": Object {
            "fill": "none",
            "pointerEvents": "painted",
            "stroke": "none",
            "strokeLinecap": "round",
            "strokeLinejoin": "round",
          },
          "tickLabels": Object {
            "fill": "#4f5255",
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
          },
          "ticks": Object {
            "fill": "transparent",
            "size": 5,
            "stroke": "#d2d2d2",
            "strokeLinecap": "round",
            "strokeLinejoin": "round",
            "strokeWidth": 1,
          },
        },
        "width": 450,
      },
      "bar": Object {
        "barWidth": 10,
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "data": Object {
            "fill": "#06c",
            "padding": 8,
            "stroke": "none",
            "strokeWidth": 0,
          },
          "labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
          },
        },
        "width": 450,
      },
      "boxplot": Object {
        "boxWidth": 20,
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "max": Object {
            "padding": 8,
            "stroke": "#151515",
            "strokeWidth": 1,
          },
          "maxLabels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
          },
          "median": Object {
            "padding": 8,
            "stroke": "#151515",
            "strokeWidth": 1,
          },
          "medianLabels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
          },
          "min": Object {
            "padding": 8,
            "stroke": "#151515",
            "strokeWidth": 1,
          },
          "minLabels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
          },
          "q1": Object {
            "fill": "#8a8d90",
            "padding": 8,
          },
          "q1Labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
          },
          "q3": Object {
            "fill": "#8a8d90",
            "padding": 8,
          },
          "q3Labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
          },
        },
        "width": 450,
      },
      "candlestick": Object {
        "candleColors": Object {
          "negative": "#151515",
          "positive": "#fff",
        },
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "data": Object {
            "stroke": "#151515",
            "strokeWidth": 1,
          },
          "labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
            "textAnchor": "middle",
          },
        },
        "width": 450,
      },
      "chart": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "width": 450,
      },
      "errorbar": Object {
        "borderWidth": 8,
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "data": Object {
            "fill": "transparent",
            "opacity": 1,
            "stroke": "#151515",
            "strokeWidth": 2,
          },
          "labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
            "textAnchor": "middle",
          },
        },
        "width": 450,
      },
      "group": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "width": 450,
      },
      "legend": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "gutter": 20,
        "orientation": "horizontal",
        "style": Object {
          "data": Object {
            "type": "square",
          },
          "labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
          },
          "title": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 2,
            "stroke": "transparent",
          },
        },
        "titleOrientation": "top",
      },
      "line": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "data": Object {
            "fill": "transparent",
            "opacity": 1,
            "stroke": "#06c",
            "strokeWidth": 2,
          },
          "labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
            "textAnchor": "middle",
          },
        },
        "width": 450,
      },
      "pie": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 230,
        "padding": 20,
        "style": Object {
          "data": Object {
            "padding": 8,
            "stroke": "transparent",
            "strokeWidth": 1,
          },
          "labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 8,
            "stroke": "transparent",
          },
        },
        "width": 230,
      },
      "scatter": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "data": Object {
            "fill": "#151515",
            "opacity": 1,
            "stroke": "transparent",
            "strokeWidth": 0,
          },
          "labels": Object {
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 10,
            "stroke": "transparent",
            "textAnchor": "middle",
          },
        },
        "width": 450,
      },
      "stack": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "data": Object {
            "strokeWidth": 1,
          },
        },
        "width": 450,
      },
      "tooltip": Object {
        "cornerRadius": 0,
        "flyoutPadding": 8,
        "flyoutStyle": Object {
          "cornerRadius": 0,
          "fill": "#151515",
          "pointerEvents": "none",
          "stroke": "#151515",
          "strokeWidth": 0,
        },
        "pointerLength": 10,
        "pointerWidth": 20,
        "style": Object {
          "fill": "#f0f0f0",
          "pointerEvents": "none",
        },
      },
      "voronoi": Object {
        "colorScale": Array [
          "#06c",
          "#8bc1f7",
          "#002f5d",
          "#519de9",
          "#004b95",
        ],
        "height": 300,
        "padding": 50,
        "style": Object {
          "data": Object {
            "fill": "transparent",
            "stroke": "transparent",
            "strokeWidth": 0,
          },
          "flyout": Object {
            "fill": "#151515",
            "pointerEvents": "none",
            "stroke": "#151515",
            "strokeWidth": 1,
          },
          "labels": Object {
            "fill": "#f0f0f0",
            "fontFamily": "var(--pf-chart-global--FontFamily)",
            "fontSize": 14,
            "letterSpacing": "var(--pf-chart-global--letter-spacing)",
            "padding": 8,
            "pointerEvents": "none",
            "stroke": "transparent",
            "textAnchor": "middle",
          },
        },
        "width": 450,
      },
    }
  }
  width={200}
>
  <ChartArea
    data={
      Array [
        Object {
          "name": "Cats",
          "x": 1,
          "y": 1,
        },
        Object {
          "name": "Cats",
          "x": 2,
          "y": 2,
        },
        Object {
          "name": "Cats",
          "x": 3,
          "y": 3.2,
        },
        Object {
          "name": "Cats",
          "x": 4,
          "y": 3.5,
        },
      ]
    }
  />
  <ChartArea
    data={
      Array [
        Object {
          "name": "Dogs",
          "x": 1,
          "y": 0.5,
        },
        Object {
          "name": "Dogs",
          "x": 2,
          "y": 1,
        },
        Object {
          "name": "Dogs",
          "x": 3,
          "y": 2,
        },
        Object {
          "name": "Dogs",
          "x": 4,
          "y": 2.5,
        },
        Object {
          "name": "Dogs",
          "x": 5,
          "y": 2.5,
        },
      ]
    }
  />
</VictoryGroup>
`;
