31 lines
1.0 KiB
TypeScript
31 lines
1.0 KiB
TypeScript
"use client";
|
|
|
|
import { useEffect, useState } from "react";
|
|
|
|
export default function Footer() {
|
|
const [blink, setBlink] = useState(true);
|
|
|
|
useEffect(() => {
|
|
const interval = setInterval(() => {
|
|
setBlink((prev) => !prev);
|
|
}, 500);
|
|
return () => clearInterval(interval);
|
|
}, []);
|
|
|
|
return (
|
|
<footer className="w-full py-sp-8 border-t border-[rgba(255,255,255,0.06)] flex items-center justify-center font-mono text-[12px] text-[rgba(255,255,255,0.5)] bg-transparent">
|
|
<div className="flex items-center">
|
|
<span className="text-[rgba(255,255,255,0.7)]">evandro@dev</span>
|
|
<span className="text-[rgba(255,255,255,0.7)]">:</span>
|
|
<span className="text-[#E8FF00]">~</span>
|
|
<span className="text-[rgba(255,255,255,0.7)]">$ exit</span>
|
|
<span
|
|
className={`inline-block w-[6px] h-[14px] bg-[rgba(255,255,255,0.8)] ml-1 align-middle transition-opacity duration-100 ${
|
|
blink ? "opacity-100" : "opacity-0"
|
|
}`}
|
|
/>
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|