message: refactor(typings): close-button
diff: @@ -5,11 +5,12 @@ import {
  omitThemingProps,
  useStyleConfig,
  ThemingProps,
  + forwardRef,
  } from "@chakra-ui/system"
  import { __DEV__ } from "@chakra-ui/utils"
  import * as React from "react"
  -const CloseIcon = (props: IconProps) => (
  +const CloseIcon: React.FC<IconProps> = (props) => (
  <Icon focusable="false" aria-hidden {...props}>
  <path
  fill="currentColor"
  @@ -32,10 +33,8 @@ export type CloseButtonProps = PropsOf<typeof chakra.button> &
  * It is used to handle the close functionality in feedback and overlay components
  * like Alerts, Toasts, Drawers and Modals.
  */
  -export const CloseButton = React.forwardRef(function CloseButton(
  - props: CloseButtonProps,
  - ref: React.Ref<any>,
  -) {
  +export const CloseButton: React.FC<CloseButtonProps> = forwardRef(
  + (props, ref) => {
  const styles = useStyleConfig("CloseButton", props)
  const { children, isDisabled, ...rest } = omitThemingProps(props)
  @@ -62,7 +61,8 @@ export const CloseButton = React.forwardRef(function CloseButton(
  {children || <CloseIcon width="1em" height="1em" />}
  </chakra.button>
  )
  -})
  + },
  +)
  if (__DEV__) {
  CloseButton.displayName = "CloseButton"
  