{"size": 322, "ext": "js", "max_stars_repo_path": "src/docs/pages/components/Alert/examples/closable.js", "max_stars_repo_name": "Barry127/bui", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/docs/pages/components/Alert/examples/closable.js", "max_issues_repo_name": "Barry127/bui", "max_issues_repo_issues_event_min_datetime": "2021-10-05T23:40:53.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-26T13:53:05.000Z", "max_forks_repo_path": "src/docs/pages/components/Alert/examples/closable.js", "max_forks_repo_name": "Barry127/bui", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 3, "max_forks_count": null, "avg_line_length": 23.0, "max_line_length": 61, "alphanum_fraction": 0.652173913}
import React from 'react';
import { Alert } from '@barry127/bui';

const Demo = () => (
  <React.Fragment>
    <Alert type="success">This Alert is closable</Alert>
    <Alert type="info" closable={false} title="Not closable">
      This Alert has no close button.
    </Alert>
  </React.Fragment>
);

export default Demo;
