Sha256: 4d27b3ffeb4429a5f089bf4e2e5779aa1f06d06167799f498174ebcc697db78a
Contents?: true
Size: 758 Bytes
Versions: 44
Compression:
Stored size: 758 Bytes
Contents
/* @flow */
import React from 'react'
import classnames from 'classnames'
import { Icon } from '../'
import { buildCss } from '../utilities/props'
import { spacing } from '../utilities/spacing.js'
type IconCircleProps = {
className?: string,
icon: string,
size?: "xs" | "sm" | "md" | "lg" | "xl",
variant?: | "default"
| "royal"
| "blue"
| "purple"
| "teal"
| "red"
| "yellow"
| "green",
}
const IconCircle = (props: IconCircleProps) => {
const { className, icon, size = 'md', variant = 'default' } = props
const css = buildCss('pb_icon_circle_kit', size, variant)
return (
<div className={classnames(className, css, spacing(props))}>
<Icon icon={icon} />
</div>
)
}
export default IconCircle
Version data entries
44 entries across 44 versions & 1 rubygems