mirror of
https://github.com/luxfi/financial.git
synced 2026-10-30 16:55:56 +00:00
zeekay
3d5244bb4c
Regulated banking platform marketing site covering: - Fiat, crypto, stablecoins, digital securities - CEX, DEX, AMM - 200+ countries - Payments, treasury, and banking infrastructure Built on Next.js static export, deployed via hanzoai/spa on lux-k8s. Migrated from luxfi/bank v1-archive branch.
21 lines
1.2 KiB
JavaScript
21 lines
1.2 KiB
JavaScript
'use client';
|
|
import React, { useMemo } from 'react';
|
|
import { useTheme } from '../../providers/Theme';
|
|
import Icon from '../Icon';
|
|
import Styled from './styles';
|
|
const ButtonIcon = ({ variant = 'primary', size = 'default', roundness = 'none', disabled = false, onClick = () => { }, icon, id, style, }) => {
|
|
const { theme } = useTheme();
|
|
const textColors = useMemo(() => ({
|
|
primary: theme.textColor.interactive['default-inverse'].value,
|
|
secondary: theme.textColor.interactive.default.value,
|
|
tertiary: theme.textColor.interactive.default.value,
|
|
}), [theme.textColor.interactive]);
|
|
const textColor = useMemo(() => disabled
|
|
? theme.textColor.interactive.disabled.value
|
|
: textColors[variant], [disabled, textColors, theme.textColor.interactive.disabled.value, variant]);
|
|
return (React.createElement(React.Fragment, null,
|
|
React.createElement(Styled.Container, { onClick: onClick, "$variant": variant, "$size": size, disabled: disabled, "$roundness": roundness, id: id, style: style },
|
|
React.createElement(Icon, { variant: icon, size: "xs", color: textColor }))));
|
|
};
|
|
export default ButtonIcon;
|
|
//# sourceMappingURL=index.js.map
|