GitHub Hover Card

import {
	GhCardImage,
	GhCardRoot,
	GhCardTitle,
	GhCardLabel,
	GhCardHeader,
	GhCardSubHeader,
	GhCardContent,
} from "@//components/github-hover-card";

export function GithubCardDemo() {
	return (
		<GhCardRoot href="https://example.com">
			<GhCardImage
				blur="30px"
				alt="Description"
				src="https://example.com/image.png"
				darken={0.3}
			/>
			<GhCardTitle>Hover Me</GhCardTitle>
			<GhCardContent>
				<GhCardLabel>Design Corp</GhCardLabel>
				<GhCardHeader>
					Figma gains 100x users after mandating anime girlfriends for all users
				</GhCardHeader>
				<GhCardSubHeader>Read More</GhCardSubHeader>
			</GhCardContent>
		</GhCardRoot>
	);
}