Sha256: 6c6502793984c3e0d104e2a1c8b3e740ed121201b1e65c1671df25d4131c4826
Contents?: true
Size: 1010 Bytes
Versions: 44
Compression:
Stored size: 1010 Bytes
Contents
/* @flow */
/* eslint-disable react/no-multi-comp, flowtype/space-before-type-colon */
import React from 'react'
import classnames from 'classnames'
import { Badge } from '../'
import { buildCss } from '../utilities/props'
import { spacing } from '../utilities/spacing.js'
type HashtagProps = {
className?: String,
data?: String,
dark?: Boolean,
id?: String,
text?: String,
type: "default" | "home" | "project" | "appointment",
url?: String,
}
const typeMap = {
home: 'H#',
project: 'P#',
appointment: 'A#',
default: '#',
}
const Hashtag = (props: HashtagProps) => {
const { className, dark = false, text, type, url } = props
return (
<span
className={classnames(
className,
buildCss('pb_hashtag_kit', { dark: dark }),
spacing(props)
)}
>
<a href={url}>
<Badge
dark={dark}
text={typeMap[type] + text}
variant="primary"
/>
</a>
</span>
)
}
export default Hashtag
Version data entries
44 entries across 44 versions & 1 rubygems