#include "elements.h" #include "style.h" #include "resources.h" namespace cera { void TextButton(Clay_String text, Clay_Color color, OnHoveredFn onHovered, intptr_t onHoveredData) { Clay_Color hovered{ cera::ToHoveredColor(color) }; CLAY_AUTO_ID({ .layout = { .padding = theme->buttonPadding, .childAlignment = { CLAY_ALIGN_X_CENTER, CLAY_ALIGN_Y_CENTER }, }, .backgroundColor = Clay_Hovered() ? hovered : color, .cornerRadius = theme->buttonRadii, .border = { cera::ToHoveredColor(Clay_Hovered() ? hovered : color), CLAY_BORDER_ALL(2) }, }) { Clay_OnHover(onHovered, onHoveredData); Body(text, { .textColor = theme->textColor, .textAlignment = CLAY_TEXT_ALIGN_CENTER, }); } } void ToggleHovered(Clay_ElementId element, Clay_PointerData pointer, intptr_t data) { bool *hovered{ (bool*)data }; if (pointer.state == CLAY_POINTER_DATA_PRESSED_THIS_FRAME) { *hovered = !(*hovered); } } bool Toggle(Clay_String label, Clay_Color selected, bool &state) { bool const before{state}; CLAY_AUTO_ID({ .layout = { .sizing = { CLAY_SIZING_GROW(), CLAY_SIZING_GROW() }, .childGap = 10, .childAlignment = { CLAY_ALIGN_X_LEFT, CLAY_ALIGN_Y_CENTER }, }, }) { Clay_Color color{Clay_Hovered() ? cera::ToHoveredColor(selected) : selected }; Clay_OnHover(&ToggleHovered, (intptr_t)(&state)); CLAY_AUTO_ID({ .layout = { .sizing = { CLAY_SIZING_FIXED(20), CLAY_SIZING_FIXED(20) } }, .backgroundColor = (state ? selected : color::transparent ), .cornerRadius = theme->buttonRadii, .border = { color, CLAY_BORDER_OUTSIDE(3) }, }) { } Body(label, { .textColor = theme->textColor }); } // return if the value changed this frame return before != state; } void Body(Clay_String string, Clay_TextElementConfig baseCfg) { baseCfg.fontId = cera::FONT_REGULAR; baseCfg.fontSize = cera::baseFontSize; CLAY_TEXT(string, CLAY_TEXT_CONFIG(baseCfg)); } void Header(Clay_String string, size_t header, Clay_TextElementConfig baseCfg) { baseCfg.fontId = cera::FONT_BOLD; baseCfg.fontSize = theme->headerSizes[(header)-1]; CLAY_TEXT(string, CLAY_TEXT_CONFIG(baseCfg)); } }