Contents

/* @flow */

import React from 'react'
import Icon from '../pb_icon/_icon'
import {IconSizes} from '../pb_icon/_icon'

type LightboxHeaderIconProps = {
  onClose: () => void,
  icon: string,
  iconSize: IconSizes,
}

export const LightboxHeaderIcon = (props: LightboxHeaderIconProps): React.ReactElement => {
  const { onClose, icon, iconSize } = props
  return (
    <div
        className="close-icon ml_sm"
        onClick={onClose}
    >
      <Icon
          fixedWidth
          icon={icon}
          size={iconSize}
      />
    </div>
  )
}

Version data entries

25 entries across 25 versions & 1 rubygems

Version	Path
playbook_ui-11.2.4.pre.alpha1	app/pb_kits/playbook/pb_lightbox/_lightbox_header_icon.tsx
playbook_ui-11.2.3	app/pb_kits/playbook/pb_lightbox/_lightbox_header_icon.tsx
playbook_ui-11.2.2	app/pb_kits/playbook/pb_lightbox/_lightbox_header_icon.tsx
playbook_ui-11.2.1	app/pb_kits/playbook/pb_lightbox/_lightbox_header_icon.tsx
playbook_ui-11.2.0	app/pb_kits/playbook/pb_lightbox/_lightbox_header_icon.tsx