UNPKG

fui-fancyui

Version:
24 lines (21 loc) 677 B
import { styled as t } from "styled-components"; import e from "../../../design/designFunctions/simpleColorTransition/simpleTransition.js"; import { getBackgroundColor as i } from "../../../design/designFunctions/colorCalculatorForComponent/colorCalculatorForComponent.js"; import l from "color"; const a = t.button` padding: 0; background: none; border: none; font-weight: bolder; cursor: pointer; outline: none; color: inherit; ${e} &:hover { color: ${({ $themeType: o = "accent", $layer: r, theme: n }) => l(i({ $themeType: o, $layer: r, theme: n })).darken(0.5).hex()}; } ${({ $externalStyle: o }) => o} `; export { a as StyledFancyXButton };