Iraq map react component
npm install react-iraq-componentreact-iraq-component Provides you with an SVG of Iraq map with the ability to highlight different provinces in different colors.
NPM
```
npm install react-iraq-component
Yarn
``
yarn add react-iraq-component
`
import { IraqMap } from "react-iraq-component";
const MyComponent = () => {
return (
{
name: "baghdad", // baghdad will be highlighted in red.
color: "red",
},
]}
/>
);
};
export default MyComponent;
`
| 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 |