Action Swap Blur

1"use client";
2// beui.dev/components/motion/action-swap
3 
4import {
5  ActionSwapButton,
6  ActionSwapIcon,
7  ActionSwapText,
8  type ActionSwapButtonProps,
9  type ActionSwapIconProps,
10  type ActionSwapTextProps,
11} from "./action-swap";
12 
13export type {
14  ActionSwapButtonSize,
15  ActionSwapButtonVariant,
16  ActionSwapItem,
17} from "./action-swap";
18 
19export type ActionSwapBlurButtonProps = Omit<ActionSwapButtonProps, "animation">;
20export type ActionSwapBlurTextProps = Omit<ActionSwapTextProps, "animation">;
21export type ActionSwapBlurIconProps = Omit<ActionSwapIconProps, "animation">;
22 
23export function ActionSwapBlurButton(props: ActionSwapBlurButtonProps) {
24  return <ActionSwapButton {...props} animation="blur" />;
25}
26 
27export function ActionSwapBlurText(props: ActionSwapBlurTextProps) {
28  return <ActionSwapText {...props} animation="blur" />;
29}
30 
31export function ActionSwapBlurIcon(props: ActionSwapBlurIconProps) {
32  return <ActionSwapIcon {...props} animation="blur" />;
33}