import { defaultMapper, defaultFormatter } from "./utils";
export const CSS_PREFIX = "ui-d3-stakedchart__";
export const ENABLE_DEBUG = true;
const HEIGHT = 300;
const WIDTH = 400;
const MARGIN = { top: 10, right: 10, bottom: 10, left: 10 };
const PADDING = { top: 20, right: 20, bottom: 20, left: 20 };
export const EMPTY_CHART_SERIE = {
    keysPositive: ["one", "two"],
    keysNegative: ["three", "four"],
    colorsPositive: ["#ECE3D0", "#E4D5B2"],
    colorsNegative: ["#8B2D0D66", "#8B2D0D4d"],
    data: [
        {
            x: 1,
            y: {
                one: 0,
                two: 0,
                three: 0,
                four: 0,
            },
        },
        {
            x: 2,
            y: {
                one: 50,
                two: 30,
                three: -20,
                four: -10,
            },
        },
        {
            x: 3,
            y: {
                one: 150,
                two: 350,
                three: -150,
                four: -50,
            },
        },
        {
            x: 4,
            y: {
                one: 190,
                two: 390,
                three: -10,
                four: -70,
            },
        },
        {
            x: 5,
            y: {
                one: 200,
                two: 300,
                three: -100,
                four: -80,
            },
        },
    ],
};
export const DEFAULT_PROPS = {
    height: HEIGHT,
    width: WIDTH,
    margin: MARGIN,
    padding: PADDING,
    ticksX: 5,
    serie: {
        keysPositive: [],
        keysNegative: [],
        colorsPositive: [],
        colorsNegative: [],
        data: [],
    },
    formatterX: defaultFormatter,
    formatterYLeft: defaultFormatter,
    mapFn: defaultMapper,
};
export const DEFAULT_EXTENTS = {
    minX: undefined,
    maxX: undefined,
    minY: undefined,
    maxY: undefined,
};
//# sourceMappingURL=constants.js.map