import React from 'react'
import { IconCircle } from '../../'

const IconCircleDefault = () => {
  return (
    <div>
      <IconCircle
          icon="rocket"
          size="md"
      />
    </div>
  )
}

export default IconCircleDefault

import React from 'react'
import { IconCircle } from '../..'

const IconCircleSize = () => {
  return (
    <div>
      <IconCircle
          icon="rocket"
          size="sm"
      />
      <br />
      <IconCircle
          icon="rocket"
          size="md"
      />
      <br />
      <IconCircle
          icon="rocket"
          size="lg"
      />
      <br />
      <IconCircle
          icon="rocket"
          size="xl"
      />
    </div>
  )
}

export default IconCircleSize

import React from 'react'
import { IconCircle } from '../../'

const IconCircleColor = () => {
  return (
    <div>
      <IconCircle
          icon="rocket"
          size="sm"
          variant="royal"
      />
      <br />
      <IconCircle
          icon="rocket"
          size="sm"
          variant="blue"
      />
      <br />
      <IconCircle
          icon="rocket"
          size="sm"
          variant="purple"
      />
      <br />
      <IconCircle
          icon="rocket"
          size="sm"
          variant="teal"
      />
      <br />
      <IconCircle
          icon="rocket"
          size="sm"
          variant="red"
      />
      <br />
      <IconCircle
          icon="rocket"
          size="sm"
          variant="yellow"
      />
      <br />
      <IconCircle
          icon="rocket"
          size="sm"
          variant="green"
      />
    </div>
  )
}

export default IconCircleColor