Sha256: 3cb1a3dfe12fc2eff6f05c551211c80c17195e424f642d6244046d6fd79fa1a0
Contents?: true
Size: 770 Bytes
Versions: 10
Compression:
Stored size: 770 Bytes
Contents
/* @flow */
import React from 'react'
import classnames from 'classnames'
import { Icon } from '../'
import { buildCss } from '../utilities/props'
import { globalProps } from '../utilities/globalProps.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, globalProps(props))}>
<Icon icon={icon} />
</div>
)
}
export default IconCircle
Version data entries
10 entries across 10 versions & 1 rubygems