mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-04 23:05:56 -05:00
25 lines
567 B
TypeScript
25 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
|