= (active) => {
const styles = {
misc: `flex items-center interactive animated justify-center items-center origin-center`,
size: "p-1 w-8",
color: active ? "text-blue-500 hover:text-blue-500" : "text-gray-500 hover:text-gray-600 focus:text-gray-600 dark-hover:text-gray-450 dark-focus:text-gray-400",
}
const result = Object.values(styles).join(" ")
return result
}
эх тут больше проблема атомик цсс подхода тайлвинда, чем свелт. думаю @apply норма решение.
Обсуждают сегодня