react-iraq-component

!Alt Text

react-iraq-component Provides you with an SVG of Iraq map with the ability to highlight different provinces in different colors.

Installation

NPM

``
npm install react-iraq-component
`

Yarn

`
yarn add react-iraq-component
`

Usage

`
import { IraqMap } from "react-iraq-component";

const MyComponent = () => {
return (
data={[
{
name: "baghdad", // baghdad will be highlighted in red.
color: "red",
},
]}
/>
);
};

export default MyComponent;

`

Props

| Prop | Default | Description |
| --------------- | -------- | --------------------------------------------------------------------------------------- |
| Data | Required | An array of objects { name: IProvincesNames, color: string }` to highlight a province. |
| height | 100% | The height of the map component. |
| width | 100% | The width of the map component. |
| backgroundColor | #88a4bc | The color of provinces which are not highlighted. |
| className | Optional |