| | |
| | | import type { HTMLProps, PropsWithChildren } from 'react' |
| | | import { RiArrowRightUpLine } from '@remixicon/react' |
| | | import classNames from '@/utils/classnames' |
| | | import { ArrowUpRight } from '@/app/components/base/icons/src/vender/line/arrows' |
| | | |
| | | export type SuggestedActionProps = PropsWithChildren<HTMLProps<HTMLAnchorElement> & { |
| | | icon?: React.ReactNode |
| | |
| | | target='_blank' |
| | | rel='noreferrer' |
| | | className={classNames( |
| | | 'flex justify-start items-center gap-2 py-2 px-2.5 bg-background-section-burn rounded-lg transition-colors [&:not(:first-child)]:mt-1', |
| | | disabled ? 'shadow-xs opacity-30 cursor-not-allowed' : 'text-text-secondary hover:bg-state-accent-hover hover:text-text-accent cursor-pointer', |
| | | 'flex justify-start items-center gap-2 h-[34px] px-2.5 bg-gray-100 rounded-lg transition-colors [&:not(:first-child)]:mt-1', |
| | | disabled ? 'shadow-xs opacity-30 cursor-not-allowed' : 'hover:bg-primary-50 hover:text-primary-600 cursor-pointer', |
| | | className, |
| | | )} |
| | | {...props} |
| | | > |
| | | <div className='relative h-4 w-4'>{icon}</div> |
| | | <div className='system-sm-medium shrink grow basis-0'>{children}</div> |
| | | <RiArrowRightUpLine className='h-3.5 w-3.5' /> |
| | | <div className='relative w-4 h-4'>{icon}</div> |
| | | <div className='grow shrink basis-0 text-[13px] font-medium leading-[18px]'>{children}</div> |
| | | <ArrowUpRight /> |
| | | </a> |
| | | ) |
| | | |