/* Use this mock data to showcase your components in the playground,
 * or add your own data that fits your component's props
 */
export const mockCategoricalData = [
  {
    category: "Roboto",
    value: 88,
  },
  {
    category: "Open Sans",
    value: 16,
  },
  {
    category: "Lato",
    value: 14,
  },
  {
    category: "Montserrat",
    value: 73,
  },
  {
    category: "Oswald",
    value: 14,
  },
  {
    category: "Source Sans Pro",
    value: 8,
  },
  {
    category: "Slabo 27px",
    value: 41,
  },
  {
    category: "Raleway",
    value: 29,
  },
];

export const moreMockCategoricalData = [
  { key: "Python", value: 29.53 },
  { key: "Java", value: 17.06 },
  { key: "JavaScript", value: 8.56 },
  { key: "C", value: 6.49 },
  { key: "Assembly", value: 6.31 },
  { key: "R", value: 5.83 },
  { key: "Objective C", value: 4.43 },
  { key: "Swift", value: 3.89 },
  { key: "PHP", value: 3.85 },
  { key: "Rust", value: 3.33 },
  { key: "Ruby", value: 3.25 },
  { key: "Matlab", value: 3.06 },
  { key: "TypeScript", value: 3.98 },
  { key: "Go", value: 3.85 },
  { key: "Haskell", value: 3.28 },
  { key: "VBA", value: 3.11 },
  { key: "Scala", value: 2.79 },
  { key: "Lua", value: 2.79 },
  { key: "Julia", value: 2.77 },
  { key: "Kotlin", value: 2.7 },
  { key: "Perl", value: 2.41 },
  { key: "Groovy", value: 2.4 },
  { key: "Abap", value: 2.24 },
  { key: "Cobol", value: 2.23 },
  { key: "Ada", value: 2.21 },
  { key: "Dart", value: 2.21 },
];

export const mockTimelineData = [
  {
    time: "Problem 1",
    text: "Overflow-y scroll text not supported by svg",
  },
  {
    time: "Problem 2",
    text: "Hover effects don't seem to work with <foreignObject>",
  },
  {
    time: "Problem 3",
    text: "Need to add a max-height to these boxes",
  },
  {
    time: "Problem 4",
    text: "Styling",
  },
  {
    time: "Winter 2020",
    text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit,",
  },
  {
    time: "Spring 2020",
    text: "Lorem ipsum doldolor in repre",
  },
];