import React from "react";

import { HTMLMotionProps, motion } from "framer-motion";

export const Button = ({ children, ...props }: HTMLMotionProps<"div">) => {
	return (
		<motion.div
			{...props}
			whileHover={{ scale: 1.1, backgroundColor: "var(--tertiary)" }}
			whileTap={{ scale: 1.0 }}
			className="m-auto flex cursor-pointer rounded-full bg-secondary p-3 shadow-md"
		>
			<div className="m-auto">{children}</div>
		</motion.div>
	);
};