mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-15 13:50:58 -05:00
862fb9f2ae
[web] Standardize `.badge` styling and HTML structure for both gallery-search and blog post page GitOrigin-RevId: edfaceb61900897178654a920995e5c857fe7107
24 lines
567 B
TypeScript
24 lines
567 B
TypeScript
import classNames from 'classnames'
|
|
import type { MergeAndOverride } from '../../../../../../types/utils'
|
|
import Badge, { type BadgeProps } from './badge'
|
|
|
|
type BadgeLinkProps = MergeAndOverride<
|
|
BadgeProps,
|
|
{
|
|
href: string
|
|
}
|
|
>
|
|
|
|
function BadgeLink({ href, children, ...badgeProps }: BadgeLinkProps) {
|
|
const containerClass = classNames('badge-link', {
|
|
[`badge-link-${badgeProps.bg}`]: badgeProps.bg,
|
|
})
|
|
|
|
return (
|
|
<a className={containerClass} href={href}>
|
|
<Badge {...badgeProps}>{children}</Badge>
|
|
</a>
|
|
)
|
|
}
|
|
|
|
export default BadgeLink
|