import React from 'react';

export default function SVGDefs({ id = 'dropshadow' }) {
  // Element ids must be unique even if there are multiple floorplans on the page.
  // Subtle bugs occur when we do not ensure this.
  return (
    <defs>
      {/* See: http://stackoverflow.com/questions/6088409/svg-drop-shadow-using-css3 */}
      <filter id={id} height="130%">
        <feGaussianBlur in="SourceAlpha" stdDeviation="2" />
        <feOffset dx="0" dy="1" result="offsetblur" />
        <feComponentTransfer>
          <feFuncA type="linear" slope="0.6" />
        </feComponentTransfer>
        <feMerge>
          <feMergeNode />
          <feMergeNode in="SourceGraphic" />
        </feMerge>
      </filter>
    </defs>
  );
}