import * as Icons from 'components/Icons'

export default [
    {
      id: 'backgroundImage',
      icon: <Icons.Image />,
      title: 'Background',
      description: 'Change the background of the app',
    },
    {
      id: 'overlay',
      icon: <Icons.Sidebar />,
      title: 'Overlay',
      description: 'Description blah blah',
    },
    {
      id: 'color',
      icon: <Icons.Droplet />,
      title: 'Colors',
      description: 'Texts, Buttons, Sliders ...etc',
    },
    {
      id: 'text',
      icon: <Icons.FontColorsOutlined style={{ marginRight: '10px' }} />,
      title: 'Text',
      description: 'Sizes, Fonts',
    },
    {
      id: 'sounds',
      icon: <Icons.Volume2 />,
      title: 'Sounds',
      description: 'BlipBlopBLup',
    },
    {
      id: 'darkmode',
      icon: <Icons.Moon />,
      title: 'Dark Mode',
      description: 'Yeaah, no more daying',
    }
]