Extend a built in element

import { HTMLProps } from 'react'

import { cn } from '@taq/utils'

export const Customdiv = ({ children, className, id }: {} & HTMLProps<HTMLDivElement>) => {
  return (
    <div id={id} className={cn('bg-red-200', className)}>
      {children}
    </div>
  )
}

// Example
<div>
  <Customdiv id="123" className="bg-orange-100">
    Child
  </Customdiv>
</div>