Contents

/* @flow */
import React from 'react'
import classnames from 'classnames'
import { globalProps } from '../utilities/globalProps.js'

type UserBadgeProps = {
  className?: string,
  id?: string,
  badge?: "million-dollar" | "veteran",
  size?: "sm" | "md" | "lg",
}

const UserBadge = (props: UserBadgeProps) => {
  const { badge = 'million-dollar', size = 'md' } = props
  const image = require(`./badges/_${badge}.svg`)

  return (
    <div className={classnames(`pb_user_badge_kit_${size}`, globalProps(props))}>
      <div className="pb_user_badge_wrapper">
        <img src={image} />
      </div>
    </div>
  )
}
export default UserBadge

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
playbook_ui-6.2.1	app/pb_kits/playbook/pb_user_badge/_user_badge.jsx
playbook_ui-6.2.0	app/pb_kits/playbook/pb_user_badge/_user_badge.jsx
playbook_ui-7.0.0.pre.alpha1	app/pb_kits/playbook/pb_user_badge/_user_badge.jsx