31 lines
		
	
	
	
		
			489 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			31 lines
		
	
	
	
		
			489 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
| type Props = {
 | |
|   url: string;
 | |
|   title: string;
 | |
| };
 | |
| 
 | |
| const Link = ({ url, title }: Props) => (
 | |
|   <a
 | |
|     href={url}
 | |
|     target="_blank"
 | |
|     rel="noopener noreferrer"
 | |
|     className="
 | |
|       block
 | |
|       w-full
 | |
|       text-center
 | |
|       py-2
 | |
|       border-2
 | |
|       border-gray-400
 | |
|       rounded
 | |
|       hover:bg-gray-900
 | |
|       hover:border-gray-900
 | |
|       hover:text-white
 | |
|       transition
 | |
|       focus:ring-2
 | |
|       focus:ring-gray-600 text-gray-800
 | |
|     "
 | |
|   >
 | |
|     {title}
 | |
|   </a>
 | |
| );
 | |
| 
 | |
| export default Link;
 |