All files Footer.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
 
 
 
 
 
 
4x
9x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React from "react";
 
type FooterProps = {
	title: string;
};
 
const Footer: React.FC<FooterProps> = ({ title }) => {
	return (
		<footer
			className="footer footer-horizontal footer-center bg-base-100 text-base-content py-12 border-t-3 border-t-neutral-content"
			data-testid="footer"
			role="contentinfo"
		>
			<aside>
				<p className="font-bold" data-testid="footer-title">
					{title}
				</p>
				<p>
					Copyright © {new Date().getFullYear()} - All rights
					reserved
				</p>
				<ul
					className="list-none flex flex-wrap justify-center gap-1"
					aria-label="Contributors"
				>
					<li>
						<a
							href="https://github.com/alcompilor"
							target="_blank"
							rel="noopener noreferrer"
							className="text-cyan-700 font-bold"
						>
							<i>@alcompilor</i>
						</a>
					</li>
					<li>
						<span>, </span>
						<a
							href="https://github.com/josephhammami"
							target="_blank"
							rel="noopener noreferrer"
							className="text-cyan-700 font-bold"
						>
							<i>@josephhammami</i>
						</a>
					</li>
					<li>
						<span>, and </span>
						<a
							href="https://github.com/mohammed-alkateb"
							target="_blank"
							rel="noopener noreferrer"
							className="text-cyan-700 font-bold"
						>
							<i>@mohammed-alkateb</i>
						</a>
					</li>
				</ul>
			</aside>
		</footer>
	);
};
 
export default Footer;