Sha256: 982ec99424de8c5ebc8354dc480e10a1d840bd1a82a0d9add0dfbf5abf6b6045

Contents?: true

Size: 649 Bytes

Versions: 37

Compression:

Stored size: 649 Bytes

Contents

/* @flow */

import React from 'react'

import classnames from 'classnames'

import { Icon } from '../'
import { buildCss } from '../utilities/props'

type IconCircleProps = {
  className?: string,
  icon: string,
  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl',
  variant?: 'default' | 'royal' | 'blue' | 'purple' | 'teal' | 'red' | 'yellow' | 'green',
}

const IconCircle = ({
  className,
  icon,
  size = 'md',
  variant = 'default',
}: IconCircleProps) => {
  const css = buildCss('pb_icon_circle_kit', size, variant)

  return (
    <div className={classnames(className, css)}>
      <Icon icon={icon} />
    </div>
  )
}

export default IconCircle

Version data entries

37 entries across 37 versions & 1 rubygems

Version Path
playbook_ui-4.6.0 app/pb_kits/playbook/pb_icon_circle/_icon_circle.jsx
playbook_ui-4.5.2 app/pb_kits/playbook/pb_icon_circle/_icon_circle.jsx
playbook_ui-4.5.1 app/pb_kits/playbook/pb_icon_circle/_icon_circle.jsx
playbook_ui-4.5.0 app/pb_kits/playbook/pb_icon_circle/_icon_circle.jsx
playbook_ui-4.4.1 app/pb_kits/playbook/pb_icon_circle/_icon_circle.jsx
playbook_ui-4.4.0 app/pb_kits/playbook/pb_icon_circle/_icon_circle.jsx
playbook_ui-4.3.1 app/pb_kits/playbook/pb_icon_circle/_icon_circle.jsx
playbook_ui-4.3.0 app/pb_kits/playbook/pb_icon_circle/_icon_circle.jsx
playbook_ui-4.2.0 app/pb_kits/playbook/pb_icon_circle/_icon_circle.jsx
playbook_ui-4.1.2 app/pb_kits/playbook/pb_icon_circle/_icon_circle.jsx
playbook_ui-4.1.1 app/pb_kits/playbook/pb_icon_circle/_icon_circle.jsx
playbook_ui-4.1.0 app/pb_kits/playbook/pb_icon_circle/_icon_circle.jsx
playbook_ui-4.0.1 app/pb_kits/playbook/pb_icon_circle/_icon_circle.jsx
playbook_ui-4.0.0 app/pb_kits/playbook/pb_icon_circle/_icon_circle.jsx
playbook_ui-3.5.0 app/pb_kits/playbook/pb_icon_circle/_icon_circle.jsx
playbook_ui-3.4.0 app/pb_kits/playbook/pb_icon_circle/_icon_circle.jsx
playbook_ui-3.3.0 app/pb_kits/playbook/pb_icon_circle/_icon_circle.jsx