import { createElement } from "react";
/**
 * External dependencies
 */
import classnames from 'classnames';

/**
 * Internal dependencies
 */
import Button from '../button';
import Dropdown from '../dropdown';
export function DropdownLinkAction({
  buttonProps,
  className,
  dropdownProps,
  linkText
}) {
  return createElement(Dropdown, {
    className: classnames('components-circular-option-picker__dropdown-link-action', className),
    renderToggle: ({
      isOpen,
      onToggle
    }) => createElement(Button, {
      "aria-expanded": isOpen,
      "aria-haspopup": "true",
      onClick: onToggle,
      variant: "link",
      ...buttonProps
    }, linkText),
    ...dropdownProps
  });
}
export function ButtonAction({
  className,
  children,
  ...additionalProps
}) {
  return createElement(Button, {
    className: classnames('components-circular-option-picker__clear', className),
    variant: "tertiary",
    ...additionalProps
  }, children);
}
//# sourceMappingURL=circular-option-picker-actions.js.map