-
-
Notifications
You must be signed in to change notification settings - Fork 14
/
Banner.tsx
29 lines (28 loc) · 1.05 KB
/
Banner.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
import { InformationCircleIcon } from '@heroicons/react/solid'
export default function Banner() {
return (
<div className="rounded-md bg-blue-50 p-4 m-4 border-2 border-blue-100 dark:bg-blue-900 dark:border-blue-900">
<div className="flex">
<div className="flex-shrink-0">
<InformationCircleIcon
className="h-5 w-5 text-blue-400 dark:text-gray-200"
aria-hidden="true"
/>
</div>
<div className="ml-3 flex-1 md:flex md:justify-between">
<p className="text-sm text-blue-700 dark:text-gray-200">
Join our Discord for access to our best tools!{' '}
</p>
<p className="mt-3 text-sm md:mt-0 md:ml-6">
<a
href="https://discord.gg/836C8wDVNq"
className="whitespace-nowrap font-medium text-blue-700 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-100">
Discord
<span aria-hidden="true"> →</span>
</a>
</p>
</div>
</div>
</div>
)
}