import { ReactNode } from "react";

import "./SimpleBanner.css";
import { renderProps, onLoad, getCN, get_typeName } from "../utils";

import { SimpleCell } from "../../index";

function SimpleBanner({
  status = `default`,
  children,
  style,
  ...props
}: {
  [x: string]: any;
  status?: `default` | `error` | `valid`;
}) {
  return (
    <div style={style} className={getCN([`SimpleBanner`, `SimpleBanner--${status}`])}>
      <SimpleCell {...props} children={children} />
    </div>
  );
}

export default SimpleBanner;