Create styled react generator function

styled.ts

import { css, CssObject } from 'g-style'
import { createElement, ReactNode, HTMLProps } from 'react'
import filterInvalidDOMProps from 'filter-invalid-dom-props'

interface CProps extends HTMLProps<HTMLParamElement> {
  children: ReactNode
}

export default function styled<T>(
  tag: string,
  styles: CssObject | ((props: Omit<CProps & T, 'children'>) => CssObject)
) {
  return ({ children, ...props }: CProps & T) => {
    const className = css(styles instanceof Function ? styles(props) : styles)
    const filteredProps = filterInvalidDOMProps(props)
    return createElement(tag, { ...filteredProps, className }, children)
  }
}