import React, { ReactElement, ReactNode } from 'react';

interface DdTypes {
  title?: string | ReactElement | ReactNode | undefined;
  background?: string;
  color?: string;
}

const DrawerDivider = ({
  title = 'Divider',
  background = 'bg-blue-900',
  color = 'text-white',
}: DdTypes) => (
  <div className={`DrawerDivider--cmpt p-3 ${background} ${color}`}>
    <h3 className="font-bold">{title}</h3>
  </div>
);

export default DrawerDivider;