import {Component, VNode} from 'preact';

declare interface IMaterialComponentProps {
  ripple?: boolean;
}

/**
 * Base class for every Material component in this package
 *
 * NOTE: every component should add a ref by the name of `control` to its root
 * dom for autoInit Properties
 */
export default class MaterialComponent<PropsType, StateType> extends Component<
  PropsType & IMaterialComponentProps,
  StateType
> {
  /** Attach the ripple effect */
  attachRipple(): void;

  /** Build the className */
  buildClassName(): void;

  /** Returns the class name for element */
  getClassName(element: Element): string;

  /** Components must implement this method for their specific DOM structure */
  materialDom(props: PropsType & IMaterialComponentProps): VNode;

  render(): JSX.Element;
}