mirror of
https://github.com/AmruthPillai/Reactive-Resume.git
synced 2026-08-20 21:41:43 +10:00
20 lines
404 B
TypeScript
20 lines
404 B
TypeScript
import type { ReactNode } from "react";
|
|
import { m } from "motion/react";
|
|
|
|
type ActionButtonProps = {
|
|
children: ReactNode;
|
|
};
|
|
|
|
export function ActionButton({ children }: ActionButtonProps) {
|
|
return (
|
|
<m.div
|
|
className="will-change-transform"
|
|
whileHover={{ y: -1, scale: 1.01 }}
|
|
whileTap={{ scale: 0.99 }}
|
|
transition={{ duration: 0.14, ease: "easeOut" }}
|
|
>
|
|
{children}
|
|
</m.div>
|
|
);
|
|
}
|