Merge pull request #1036 from primer/cb/ts-circle-octicon

Migrate CircleOcticon to TypeScript

Author: colebemis

.changeset/quiet-lobsters-sing.md

@@ -0,0 +1,5 @@
+---
+"@primer/components": patch
+---
+
+Migrate `CircleOcticon` to TypeScript

src/CircleOcticon.js renamed to src/CircleOcticon.tsx

@@ -1,12 +1,19 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import Flex from './Flex'
+import Flex, {FlexProps} from './Flex'
 import theme from './theme'
 import BorderBox from './BorderBox'
+import {IconProps} from '@primer/octicons-react'
 
-function CircleOcticon(props) {
+export type CircleOcticonProps = {
+  as?: React.ElementType
+  size?: number
+  icon: React.ComponentType<{size?: IconProps['size']}>
+} & FlexProps
+
+function CircleOcticon(props: CircleOcticonProps) {
   const {size, as} = props
-  const {icon: IconComponent, bg, as: asProp, ...rest} = props
+  const {icon: IconComponent, bg, ...rest} = props
   return (
     <BorderBox as={as} bg={bg} overflow="hidden" borderWidth={0} size={size} borderRadius="50%">
       <Flex {...rest} alignItems="center" justifyContent="center">