mirror of
https://github.com/FranP-code/create-better-t-stack.git
synced 2025-10-12 23:52:15 +00:00
27 lines
423 B
TypeScript
27 lines
423 B
TypeScript
interface ShinyTextProps {
|
|
text: string;
|
|
disabled?: boolean;
|
|
speed?: number;
|
|
className?: string;
|
|
}
|
|
|
|
const ShinyText = ({
|
|
text,
|
|
disabled = false,
|
|
speed = 5,
|
|
className = "",
|
|
}: ShinyTextProps) => {
|
|
const animationDuration = `${speed}s`;
|
|
|
|
return (
|
|
<div
|
|
className={`shiny-text ${disabled ? "disabled" : ""} ${className}`}
|
|
style={{ animationDuration }}
|
|
>
|
|
{text}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default ShinyText;
|