/**
 * Color varients that are unique to `@elastic/charts`. These go beyond the standard
 * static color allocations.
 */
export const ColorVariant = Object.freeze({
  /**
   * Uses series color. Rather than setting a static color, this will use the
   * default series color for a given series.
   */
  Series: '__use__series__color__' as '__use__series__color__',
  /**
   * Uses empty color, similar to transparent.
   */
  None: '__use__empty__color__' as '__use__empty__color__',
});
export type ColorVariant = $Values<typeof ColorVariant>;

const customTheme: PartialTheme = {
  areaSeriesStyle: {
    point: {
      visible: true,
      radius: 10,
      fill: ColorVariant.Series,
      stroke: ColorVariant.None,
      opacity: 0.5,
    },
    area: {
      opacity: 0.2,
    },
    line: {
      visible: false,
    },
  },
};

const customTheme: PartialTheme = {
  lineSeriesStyle: {
    point: {
      radius: 10,
      fill: ColorVariant.Series,
      stroke: ColorVariant.None,
    },
  },
};

const customTheme: PartialTheme = {
  barSeriesStyle: {
    rect: {
      fill: ColorVariant.None,
    },
    rectBorder: {
      visible: true,
      strokeWidth: 10,
      stroke: ColorVariant.Series,
    },
  },
};