{"version":3,"file":"index-Bmo3vhyf.js","sources":["../../../app/javascript/entrypoints/components/Link/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Link as RouterLink } from 'react-router-dom';\n\ntype LinkProps = React.ComponentProps<typeof RouterLink>;\n\ntype Props = {\n  anchor?: boolean;\n  to: string | React.ComponentProps<typeof RouterLink>['to'];\n  variant?: string;\n} & React.AnchorHTMLAttributes<HTMLAnchorElement> &\n  LinkProps;\n\nexport const Link: React.FC<Props> = ({\n  className,\n  anchor = false,\n  to,\n  variant = 'default',\n  children,\n  ...props\n}) => {\n  const variantStyle = styles[variant];\n  const classNameStr = `${styles.base} ${variantStyle} ${className}`;\n\n  return anchor ? (\n    <a className={classNameStr} href={to as string}>\n      {children}\n    </a>\n  ) : (\n    <RouterLink className={classNameStr} to={to} {...props}>\n      {children}\n    </RouterLink>\n  );\n};\n\nconst styles: Record<string, string> = {\n  base: `hover:no-underline focus:no-underline`,\n  default: ``, // application.cssで定義済み\n  gray: `text-link-gray hover:text-link-gray-dark focus:text-link-gray-dark`,\n  header: `text-link-gray-header hover:text-link-gray-header focus:text-link-gray-header`,\n};\n"],"names":["Link","className","anchor","to","variant","children","props","variantStyle","styles","classNameStr","jsx","RouterLink"],"mappings":"yLAYO,MAAMA,EAAwB,CAAC,CACpC,UAAAC,EACA,OAAAC,EAAS,GACT,GAAAC,EACA,QAAAC,EAAU,UACV,SAAAC,EACA,GAAGC,CACL,IAAM,CACE,MAAAC,EAAeC,EAAOJ,CAAO,EAC7BK,EAAe,GAAGD,EAAO,IAAI,IAAID,CAAY,IAAIN,CAAS,GAEhE,OAAOC,EACJQ,EAAA,IAAA,IAAA,CAAE,UAAWD,EAAc,KAAMN,EAC/B,SAAAE,CAAA,CACH,EAEAK,MAACC,GAAW,UAAWF,EAAc,GAAAN,EAAS,GAAGG,EAC9C,SAAAD,CACH,CAAA,CAEJ,EAEMG,EAAiC,CACrC,KAAM,wCACN,QAAS,GACT,KAAM,qEACN,OAAQ,+EACV"}