import * as Icons from 'components/Icons'

export default [
    {
      id: 'backgroundImage',
      icon: <Icons.Image />,
      title: 'Background Image',
      description: 'Change the background of the app',
    },
    {
      id: 'backgroundColor',
      icon: <Icons.Droplet />,
      title: 'Overlay Color',
      description: 'Description blah blah',
    },
    {
      id: 'color',
      icon: <Icons.FormatPainterOutlined style={{ marginRight: '10px' }} />,
      title: 'Colors',
      description: 'Texts, Buttons, Sliders ...etc',
    },
    {
      id: 'fontSize',
      icon: <Icons.ZoomIn />,
      title: 'Sizes',
      description: 'Zoom?',
    },
    {
      id: 'darkmode',
      icon: <Icons.Moon />,
      title: 'Dark Mode',
      description: 'Yeaah, no more daying',
    }
]