import classNames from "classnames" ; import * as React from "react" ; import { polyfill } from "react-lifecycles-compat" ; import { AbstractPureComponent2 } from "../../common" ; import { DIVIDER } from "../../common/classes" ; import { DISPLAYNAME_PREFIX , Props } from "../../common/props" ; export interface IDividerProps extends Props , React . HTMLAttributes < HTMLElement > { default tagName ? : keyof JSX . IntrinsicElements ; } @ polyfill export class Divider extends AbstractPureComponent2 < IDividerProps > { public static displayName = `${ DISPLAYNAME_PREFIX }.Divider` ; public render ( ) { const { className , tagName = "div" , ... htmlProps } = this . props ; const classes = classNames ( DIVIDER , className ) ; return React . createElement ( tagName , { ... htmlProps , className : classes , } ) ; } }