import { ReactElement, ReactNode } from 'react';
import { Props } from '../../@types/Props.js';
import { ThemeLink } from '../theme.js';

type LinkPriority = 'primary' | 'secondary';
type IconSide = 'left' | 'right';
interface SharedLinkProps extends Props {
    /**
     * Informs users of how important a link is
     */
    priority?: LinkPriority;
    /**
     * Whether link is subdued (no underline)
     *
     * @deprecated Subdued styling has been removed and no longer gets applied
     */
    subdued?: boolean;
    /**
     * An icon that appears in the link, alongside text
     */
    icon?: ReactElement;
    /**
     * The side of the link on which the icon appears
     */
    iconSide?: IconSide;
    children?: ReactNode;
    /**
     * Partial or complete theme to override the component's colour palette.
     * The sanctioned colours have been set out by the design system team.
     * The colours which can be changed are:
     *
     *  `textPrimary`<br>
     *  `textPrimaryHover`<br>
     *  `textSecondary`<br>
     *  `textSecondaryHover`<br>
     *
     */
    theme?: Partial<ThemeLink>;
}

export type { IconSide, LinkPriority, SharedLinkProps };