import React from 'react';

export default () => <p>firewalls</p>;

//
// import PropTypes from 'prop-types';
// import forceArray from 'force-array';
// import { compose, graphql } from 'react-apollo';
// import find from 'lodash.find';
// import get from 'lodash.get';
//
// import {
//   ViewContainer,
//   StatusLoader,
//   Message,
//   MessageDescription,
//   MessageTitle,
//   Table,
//   TableThead,
//   TableTr,
//   TableTh,
//   TableTbody,
//   P
// } from 'joyent-ui-toolkit';
//
// import GetFirewallRules from '@graphql/list-firewall-rules.gql';
// import { FirewallRule as InstanceFirewallRule } from '@components/instances';
//
// const Firewall = ({
//   // eslint-disable-next-line camelcase
//   firewallEnabled = false,
//   firewallRules = [],
//   loading,
//   error
// }) => {
//   const values = forceArray(firewallRules);
//   const _loading = !(loading && !values.length) ? null : <StatusLoader />;
//
//   const _firewall =
//     _loading && !values.length ? null : (
//       <Table>
//         <TableThead>
//           <TableTr>
//             <TableTh left bottom>
//               <P>Rule</P>
//             </TableTh>
//             <TableTh xs="63" center bottom>
//               <P>Global</P>
//             </TableTh>
//             <TableTh xs="75" center bottom>
//               <P>Enabled</P>
//             </TableTh>
//           </TableTr>
//         </TableThead>
//         <TableTbody>
//           {values.map(network => (
//             <InstanceFirewallRule key={network.id} {...network} />
//           ))}
//         </TableTbody>
//       </Table>
//     );
//
//   const _error =
//     error && !values.length && !_loading ? (
//       <Message error>
//         <MessageTitle>Ooops!</MessageTitle>
//         <MessageDescription>
//           An error occurred while loading your instance firewall rules
//         </MessageDescription>
//       </Message>
//     ) : null;
//
//   return (
//     <ViewContainer center={Boolean(_loading)} main>
//       {_loading}
//       {_error}
//       {_firewall}
//     </ViewContainer>
//   );
// };
//
// Firewall.propTypes = {
//   loading: PropTypes.bool
// };
//
// export default compose(
//   graphql(GetFirewallRules, {
//     options: ({ match }) => ({
//       pollInterval: 1000,
//       variables: {
//         name: get(match, 'params.instance')
//       }
//     }),
//     props: ({ data: { loading, error, variables, ...rest } }) => {
//       const machine = find(get(rest, 'machines', []), ['name', variables.name]);
//       // eslint-disable-next-line camelcase
//       const firewallEnabled = get(machine, 'firewall_enabled', false);
//       const firewallRules = get(machine, 'firewall_rules', []);
//
//       // eslint-disable-next-line camelcase
//       return { firewallEnabled, firewallRules, loading, error };
//     }
//   })
// )(Firewall);