message: refactor(typings): tabs
diff: @@ -47,10 +47,7 @@ export type TabsProps = UseTabsProps &
  * Provides context and logic for all tabs components. It doesn't render
  * any DOM node.
  */
  -export const Tabs = React.forwardRef(function Tabs(
  - props: TabsProps,
  - ref: Ref<any>,
  -) {
  +export const Tabs: React.FC<TabsProps> = forwardRef((props, ref) => {
  const styles = useMultiStyleConfig("Tabs", props)
  const { children, className, ...otherProps } = omitThemingProps(props)
  @@ -82,7 +79,7 @@ export type TabProps = UseTabProps & PropsOf<typeof chakra.button>
  * Tab button used to activate a specific tab panel. It renders a `button`,
  * and is responsible for automatic and manual selection modes.
  */
  -export const Tab = forwardRef<TabProps>(function Tab(props, ref) {
  +export const Tab: React.FC<TabProps> = forwardRef((props, ref) => {
  const styles = useStyles()
  const tabProps = useTab({ ...props, ref })
  @@ -114,10 +111,7 @@ export type TabListProps = Omit<UseTabListProps, "context"> &
  * TabList is used to manage a list of tab buttons. It renders a `div` by default,
  * and is responsible the keyboard interaction between tabs.
  */
  -export const TabList = React.forwardRef(function TabList(
  - props: TabListProps,
  - ref: Ref<any>,
  -) {
  +export const TabList: React.FC<TabListProps> = forwardRef((props, ref) => {
  const tablistProps = useTabList({ ...props, ref })
  const styles = useStyles()
  @@ -145,10 +139,7 @@ export type TabPanelProps = PropsOf<typeof chakra.div>
  * TabPanel
  * Used to render the content for a specific tab.
  */
  -export const TabPanel = React.forwardRef(function TabPanel(
  - props: TabPanelProps,
  - ref: Ref<any>,
  -) {
  +export const TabPanel: React.FC<TabPanelProps> = forwardRef((props, ref) => {
  const panelProps = useTabPanel({ ...props, ref })
  const styles = useStyles()
  @@ -175,10 +166,7 @@ export type TabPanelsProps = PropsOf<typeof chakra.div>
  *
  * It renders a `div` by default.
  */
  -export const TabPanels = React.forwardRef(function TabPanels(
  - props: TabPanelsProps,
  - ref: Ref<any>,
  -) {
  +export const TabPanels: React.FC<TabPanelsProps> = forwardRef((props, ref) => {
  const panelsProps = useTabPanels(props)
  return (
  <chakra.div
  @@ -201,10 +189,8 @@ export type TabIndicatorProps = PropsOf<typeof chakra.div>
  * Used to render an active tab indicator that animates between
  * selected tabs.
  */
  -export const TabIndicator = React.forwardRef(function TabIndicator(
  - props: TabIndicatorProps,
  - ref: Ref<any>,
  -) {
  +export const TabIndicator: React.FC<TabIndicatorProps> = forwardRef(
  + (props, ref) => {
  const indicatorStyle = useTabIndicator()
  const style = {
  ...props.style,
  @@ -222,7 +208,8 @@ export const TabIndicator = React.forwardRef(function TabIndicator(
  __css={styles.indicator}
  />
  )
  -})
  + },
  +)
  if (__DEV__) {
  TabIndicator.displayName = "TabIndicator"
  