1
0
mirror of https://github.com/upscayl/upscayl.git synced 2024-12-04 20:07:59 +01:00
upscayl/renderer/components/Header.tsx
2023-09-03 14:46:48 +05:30

23 lines
732 B
TypeScript

import React from "react";
export default function Header({ version }: { version: string }) {
return (
<a
href="https://github.com/upscayl/upscayl"
target="_blank"
className={`outline-none focus-visible:ring-2`}
data-tooltip-id="tooltip"
data-tooltip-content="Star us on GitHub 😁">
<div className="flex items-center gap-3 px-5 py-5">
<img src="icon.png" className="inline-block w-14" alt="Upscayl Logo" />
<div className="flex flex-col justify-center">
<h1 className="text-3xl font-bold">
Upscayl <span className="text-xs">{version}</span>
</h1>
<p className="">AI Image Upscaler</p>
</div>
</div>
</a>
);
}