text: import AppearenceCSS from "../Appearence.module.css";
  import PopoverColorPicker from './PopoverColorPicker';
  
  // This component renders buttons that when clicked render
  // a color picker in HEX
  const CusThemesButtons = ({ boxTheme, setBoxTheme }) => {
  
     return (
        <div className={AppearenceCSS.cus_themes_wrapper}>
           {/* Color pickers */}
           <PopoverColorPicker type="primary" boxTheme={boxTheme} setBoxTheme={setBoxTheme} />
           <PopoverColorPicker type="background primary" boxTheme={boxTheme} setBoxTheme={setBoxTheme} />
           <PopoverColorPicker type="background secondary" boxTheme={boxTheme} setBoxTheme={setBoxTheme} />
           <PopoverColorPicker type="divider" boxTheme={boxTheme} setBoxTheme={setBoxTheme} />
           <PopoverColorPicker type="icons & font color" boxTheme={boxTheme} setBoxTheme={setBoxTheme} />
        </div>
     );
  };
  
  export default CusThemesButtons;