# county-selection

This package contains a CountySelectionComponent class that displays a state map with county data on a \<county-selection\>\</county-selection> element. Currently state data is limited to "AL" and "AK".

## Input Properties

- selectedState: string ("AL", "AK")
- unselectedColor: string ("#FFF")
- selectedColor: string
- hoverColor: string
- backgroundColor: string
- width: int (500)
- height: int
- padding: int (60)

## Output Events

- countySelect: EventEmitter\<string>
- countyHover: EventEmitter\<string>

## Example Use

```html
<county-selection
      [selectedState]="'AK'"
      [unselectedColor]="'#000'"
      [hoverColor]="'#AAA'"
      [selectedColor]="'#FFF'"
      [backgroundColor]="'#ADF'"
      [width]="800"
      [height]="1200"
      (countyHover)="onCountyHover($event)"
      (countySelect)="onCountySelect($event)">
</county-selection>
```