18 lines
430 B
TypeScript
18 lines
430 B
TypeScript
import { IconMapPinFilled } from '@tabler/icons-react'
|
|
|
|
interface MarkerPinProps {
|
|
color?: string
|
|
active?: boolean
|
|
}
|
|
|
|
export default function MarkerPin({ color = '#a84a12', active = false }: MarkerPinProps) {
|
|
return (
|
|
<div className="cursor-pointer" style={{ filter: 'drop-shadow(0 1px 2px rgba(0,0,0,0.4))' }}>
|
|
<IconMapPinFilled
|
|
size={active ? 36 : 32}
|
|
style={{ color }}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|