const CLASSES = { backgroundcolor : "bg-gray-500" , title : "mx-2 text-3xl font-bold antialiased hover:text-blue-600" , titleVersion : "mx-2 text-xs italic antialiased hover:text-blue-600" , errorLabel : "text-red-600 text-2xl font-bold" , warningLabel : "w-full text-blue-600 text-sm font-bold" , raceIcon : "h-8 w-8 mx-1 p-0 z-10 flex-shrink-0 hover:bg-gray-400 cursor-pointer" , timeIcon : "h-24 w-24 mx-1 p-0 z-10" , timeText : "absolute z-20 text-white" , actionContainer : "flex flex-wrap bg-gray-600 m-1 p-1" , actionIconContainer : "relative h-12 w-12 m-0 p-0 z-10 hover:bg-gray-400 cursor-pointer" , actionIconText : "m-0 p-0 absolute z-40 text-white bg-black rounded select-none text-xs" , bo : "flex flex-row overflow-x-auto mx-1 p-0" , boItemSeparator : "w-3 h-16 bg-gray-600 hover:bg-yellow-200" , boItemSeparatorSelected : "w-3 h-16 bg-yellow-500" , boItem : "m-0 p-0 h-16 w-16 bg-green-700 hover:bg-green-500 cursor-move" , boItemDragging : "m-0 p-0 h-16 w-16 bg-green-300 cursor-move" , boItemInvalid : "m-0 p-0 h-16 w-16 bg-red-700 hover:bg-red-500 cursor-move" , boItemInvalidDragging : "m-0 p-0 h-16 w-16 bg-red-300 cursor-move" , boItemHighlighting : "m-0 p-0 h-16 w-16 bg-green-300 cursor-move border" , boItemDim : "bg-opacity-50" , boArea : "relative m-2 overflow-x-auto bg-indigo-400" , boAreaPadding : "p-1" , timeBar : "" , bgColor : { time : "bg-orange-700" , worker : "bg-green-700" , action : "bg-red-700" , unit : "bg-pink-600" , structure : "bg-teal-600" , upgrade : "bg-purple-700" , } , typeColor : { time : "bg-orange-600" , worker : "bg-green-600" , action : "bg-red-600" , unit : "bg-pink-500" , structure : "bg-teal-500" , upgrade : "bg-purple-600" , } , hoverColor : { time : "bg-orange-400" , worker : "bg-green-400" , action : "bg-red-400" , unit : "bg-pink-300" , structure : "bg-teal-300" , upgrade : "bg-purple-400" , } , boCol : "flex table-row m-0 p-0 border border-black" , boRow : "flex m-0 p-0 border border-black" , boTimeElement : "z-40 flex flex-shrink-0 items-center border-l border-r border-black" , boResourceIcon : "m-0 p-0 h-5 absolute left-0 top-0" , boResourceContainer : "relative flex flex-col" , boResourceBar : "relative flex flex-row" , boResourceWideBar : "m-0 p-0" , boResourceBorderBar : "flex items-end m-0 p-0 border border-black overflow-hidden" , boResource : "m-0 p-0 h-full border-solid" , boResourceHighlight : "z-60 absolute top-0 left-0 m-0 p-0 border border-black h-full" , boElementContainer : "z-40 flex flex-shrink-0 items-center border-l-2 border-r-2 border-black" , boElementIcon : "m-0 p-0 h-8" , boElementText : "z-20 m-0 p-0 whitespace-nowrap" , dropDown : "absolute left-0 top-auto z-50 rounded bg-gray-300 whitespace-nowrap flex flex-col" , dropDownContainer : "m-1 p-1 flex flex-row justify-between" , dropDownSubContainer : "w-full my-1 py-1 flex flex-row justify-between items-center" , dropDownSubContainerMultiline : "w-full my-1 py-1 flex flex-col" , dropDownButton : "hover:bg-gray-400 px-2 flex flex-row justify-between cursor-pointer rounded border border-black border-black border-solid shadow" , dropDownWideButton : "w-full hover:bg-gray-400 p-2 flex flex-row justify-between cursor-pointer" , dropDownLabel : "hover:bg-gray-400 px-2 flex flex-row justify-between" , dropDownLabelMultiline : "hover:bg-gray-400 px-2 flex flex-col justify-between" , dropDownInput : "rounded w-20 mx-2 z-50" , dropDownInputMultiline : "rounded w-full mx-2 z-50" , buttons : "hover:bg-blue-500 relative bg-gray-300 text-gray-700 font-semibold mx-1 py-2 px-4 rounded items-center select-none h-10" , tinyButtons : "hover:bg-blue-500 bg-gray-300 text-gray-700 font-semibold mx-1 py-0 px-1 rounded items-center select-none h-6 w-6 cursor-pointer" , linkButton : "underline ml-2 text-purple-800" , centeredButton : "text-center w-full" , readContainer : "flex flex-row items-end" , readCurrentTime : "m-2" , readInstructionList : "flex flex-row items-end" , readInstruction : "flex flex-col" , readTime : "text-center" , readIconGroup : "" , readIcon : "flex flex-row items-center" , } ; export default CLASSES ;