{"size": 1305, "ext": "js", "max_stars_repo_path": "src/components/companies/CompanyItem.js", "max_stars_repo_name": "JSv4/Open-Contracts-GUI", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/companies/CompanyItem.js", "max_issues_repo_name": "JSv4/Open-Contracts-GUI", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/companies/CompanyItem.js", "max_forks_repo_name": "JSv4/Open-Contracts-GUI", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 26.1, "max_line_length": 69, "alphanum_fraction": 0.5425287356}
import React, { useState, useEffect } from "react";
import { useSelector, useDispatch } from 'react-redux';
import { Card, Button } from 'semantic-ui-react';
import { UsState } from '../shared/stats/UsState';

const CompanyItem = (props) => {

    const { 
      state_location,
      state_incorporation,
      name,
      sic,
      cik 
    } = props;
  
  return (
    <Card>
      <Card.Content>
          <UsState 
            size='mini'
            floated='right'
            state_abbreviation={state_location}
            header={`HQ Location: ${state_location}`}
            content="More info to come..."
          />
          <UsState 
            size='mini'
            floated='right'
            state_abbreviation={state_incorporation}
            header={`Incorporation Location: ${state_incorporation}`}
            content="More info to come..."
          />
          <Card.Header>{name}</Card.Header>
          <Card.Meta>{`Company CIK: ${cik}`}</Card.Meta>
          <Card.Description>
            {sic}
          </Card.Description>
        </Card.Content>
    <Card.Content extra>
      <div>
        <Button content='See Contracts' primary />
        <Button content='See Corpuses' secondary />
      </div>
    </Card.Content>
    </Card>
  );
}

export default CompanyItem;
