export const emptyMark = { label: " " };
export default {
  min: 0,
  max: 100,
  defaultValue: 0,
  step: 1,
  marks: {
    0: emptyMark,
    25: emptyMark,
    50: emptyMark,
    75: emptyMark,
    100: emptyMark
  },
  handleStyleWithInitValue: {
    width: 16,
    height: 16,
    marginTop: -6,
    backgroundColor: "#fff",
    border: "3px solid #007aff",
    opacity: 1
  },
  handleStyle: {
    width: 16,
    height: 16,
    marginTop: -6,
    backgroundColor: "var(--ex-blue)",
    borderColor: "var(--ex-blue)",
    opacity: 1
  },
  trackStyle: {
    backgroundColor: "var(--ex-blue-6)"
  },
  railStyle: {
    backgroundColor: "var(--ex-gray-6)"
  },
  dotStyle: {
    width: 12,
    height: 12,
    marginBottom: -2,
    backgroundColor: "#fff",
    border: "2px solid var(--ex-gray-6)",
    cursor: "pointer"
  },
  activeDotStyle: {
    width: 12,
    height: 12,
    marginBottom: -2,
    backgroundColor: "var(--ex-blue)",
    border: "2px solid #fff",
    cursor: "pointer"
  }
};