turkey-district-maps-3
Version:
A SVG district maps of Turkey cities for React JS applications.
39 lines (38 loc) • 993 B
TypeScript
import React from 'react';
import { data } from '../data';
type District = {
d: string;
name: string;
};
type ViewBox = {
top: number;
left: number;
width: number;
height: number;
};
type CustomStyle = {
idleColor: string;
hoverColor: string;
};
type StrokeStyle = {
strokeWidth: string;
strokeColor: string;
};
export type TurkeyCityMapsProps = {
city?: keyof typeof data;
customStyle?: CustomStyle;
strokeStyle?: StrokeStyle;
hidden?: boolean;
viewBox?: ViewBox;
distWrapper?: (element: React.ReactNode, distData: District) => React.ReactNode;
onClick?: (event: {
distPath: string | null;
name: string;
}) => void;
onHover?: (event: {
distPath: string | null;
name: string;
}) => void;
};
declare const TurkeyCityMaps: ({ city, customStyle, strokeStyle, hidden, viewBox, distWrapper, onClick, onHover }: TurkeyCityMapsProps) => React.ReactElement;
export default TurkeyCityMaps;