25 lines
546 B
TypeScript
25 lines
546 B
TypeScript
import { ReactNode } from "react";
|
|
|
|
export function CardItem({
|
|
bgColor = "bg-yellow-400",
|
|
rotate = "rotate-12",
|
|
icon,
|
|
}: {
|
|
bgColor?: string;
|
|
rotate?: string;
|
|
icon: ReactNode;
|
|
}) {
|
|
return (
|
|
<>
|
|
<div
|
|
className={
|
|
`${bgColor} ${rotate}` +
|
|
" flex h-14 w-14 cursor-pointer items-center justify-center rounded-xl text-xl shadow-lg transition-all hover:rotate-0 md:h-20 md:w-20"
|
|
}
|
|
>
|
|
<span className="font-bold text-slate-100 md:scale-150">{icon}</span>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|