## Alert

Componente de alerta para identificação


### Basic Example

```js
import Alert from '../../components/Alert';

export default () => (
    constructor(props) {
      super(props);
      this.state = {
        isOpen: false,
      };
    }

    toggleModal = state => {
      this.setState({
        isOpen: state,
      });
    };

    {this.state.isOpen && (
      <Alert
          title="Title"
          subtitle="Subtitle"
          onClose={() => this.toggleModal(false)}
          onClick={() => this.toggleModal(false)}
      />
    }
);
```

## Props

<table class="table table-bordered table-striped">
    <thead>
    <tr>
        <th style="width: 100px;">Nome</th>
        <th style="width: 50px;">Tipo</th>
        <th style="width: 50px;">Defult</th>
        <th>Descrição</th>
    </tr>
    </thead>
    <tbody>
        <tr>
          <td>title</td>
          <td>string</td>
          <td></td>
          <td>Título principal do Header</td>
        </tr>
        <tr>
          <td>subtitle</td>
          <td>string</td>
          <td></td>
          <td>Subtitulo / Descrição</td>
        </tr>
        <tr>
          <td>onClose</td>
          <td>function</td>
          <td></td>
          <td>Função para o botão fechar</td>
        </tr>
        <tr>
          <td>onClick</td>
          <td>function</td>
          <td></td>
          <td>função para o botão confirmar</td>
        </tr>
    </tbody>
</table>