/*
 * Copyright (c) 2015-2018 Red Hat, Inc.
 * This program and the accompanying materials are made
 * available under the terms of the Eclipse Public License 2.0
 * which is available at https://www.eclipse.org/legal/epl-2.0/
 *
 * SPDX-License-Identifier: EPL-2.0
 *
 * Contributors:
 *   Red Hat, Inc. - initial API and implementation
 */
'use strict';

import {CheButton} from './che-button.directive';

/**
 * @ngdoc directive
 * @name components.directive:cheButtonCancelFlat
 * @restrict E
 * @function
 * @element
 *
 * @description
 * `<che-button-cancel-flat>` defines a cancel button.
 *
 * @param {string=} che-button-title the title of the button
 * @param {string=} che-button-icon the optional icon of the button
 *
 * @usage
 *   <che-button-cancel-flat che-button-title="hello"></che-button-cancel-flat>
 *
 * @example
 * <example module="userDashboard">
 * <file name="index.html">
 * <che-button-cancel-flat che-button-title="Hello"></che-button-cancel-flat>
 * <che-button-cancel-flat che-button-title="Hello" che-button-icon="fa fa-ban"></che-button-cancel-flat>
 * </file>
 * </example>
 * @author Oleksii Kurinnyi
 */
export class CheButtonCancelFlat extends CheButton {

  /**
   * Default constructor that is using resource
   */
  constructor () {
    super();
  }

  /**
   * Template for the buttons
   */
  getTemplateStart(): string {
    return '<md-button md-theme=\"checancel\" class=\"che-button md-accent md-hue-2\"';
  }

}
