import { type ComponentPropsWithoutRef, type ElementType } from 'react'; import { type TextLinkSlotRecipeVariant } from '../../styled-system/recipes'; export type TextLinkProps = { /** * The content to display. */ children?: React.ReactNode; /** * Specify the variant of text link from body, condensedBody, amount, helpMessage, label, and inherit. * * @default 'inherit' */ variant?: TextLinkSlotRecipeVariant['variant']; /** * Additional class names to apply to the component. */ className?: string; /** * The component to use as the navigation link instead of the general anchor element ``. * The custom component must extend the HTMLAnchorElement interface. * * Use this property if you want to use a custom component as the link tag. * e.g. next/link */ customLinkComponent?: ElementType; /** * Whether to show the external link icon. * If this property is true, the external link icon will be shown on the right side of the link. * * @default false */ showExternalIcon?: boolean; /** * The properties for the external link icon. * * @property aria-label - The alternative text for the external link icon. Default is ''別のタブで開きます''. */ externalIconProps?: ComponentPropsWithoutRef<'svg'>['aria-label']; } & ComponentPropsWithoutRef<'a'>;