(function() {
  var GlassSurface = window.GlassSurface;
  var useSpringPress = window.useSpringPress;

  function GlassCard(props) {
    var elevation = props.elevation != null ? props.elevation : 2;
    var size = props.size || 'md';
    var interactive = props.interactive;
    var className = props.className || '';
    var onClick = props.onClick;
    var children = props.children;
    var style = props.style;

    var press = useSpringPress({ className: 'glass-card glass-card-' + size + ' ' + className });

    return React.createElement(GlassSurface, {
      elevation: elevation,
      radius: 'lg',
      interactive: interactive,
      className: press.bind.className,
      onClick: onClick,
      onMouseEnter: interactive ? press.bind.onMouseEnter : undefined,
      onMouseLeave: interactive ? press.bind.onMouseLeave : undefined,
      onMouseDown: interactive ? press.bind.onMouseDown : undefined,
      onMouseUp: interactive ? press.bind.onMouseUp : undefined,
      style: style
    }, children);
  }

  window.GlassCard = GlassCard;
})();