import * as React from 'react' ; import { Link } from '../../Link' ; import { IActionLinkProps } from './ActionLink.props' ; export { IActionLinkProps } from './ActionLink.props' ; export const ActionLink = React . forwardRef < HTMLAnchorElement , IActionLinkProps > ( ( props , ref ) => { if ( ! props ) { return null ; } const { children , classes , className = 'popover-action-link' , text , variant = 'body2' , ... otherProps } = props ; return ( < Link classes = { classes } className = { className } ref = { ref } variant = { variant } { ... otherProps } > { text } < /Link>); } ) ; ActionLink . displayName = 'ActionLink' ; export default ActionLink ;