import React from 'react';
import * as R from 'ramda';

import { ButtonLink } from 'components';
import withDrawerActions from 'containers/Drawer/withDrawerActions';

function VendorDrawerLinkComponent({
  // #ownProps
  children,
  vendorId,

  // #withDrawerActions
  openDrawer,
}) {
  // Handle view customer drawer.
  const handleVendorDrawer = () => {
    openDrawer('vendor-details-drawer', { vendorId });
  };

  return <ButtonLink onClick={handleVendorDrawer}>{children}</ButtonLink>;
}

export const VendorDrawerLink = R.compose(withDrawerActions)(VendorDrawerLinkComponent);