30 lines
921 B
TypeScript
30 lines
921 B
TypeScript
import { RiArrowRightLine } from '@remixicon/react'
|
|
|
|
type AgentLogTriggerProps = {
|
|
onDetail?: () => void
|
|
}
|
|
const AgentLogTrigger = ({
|
|
onDetail,
|
|
}: AgentLogTriggerProps) => {
|
|
return (
|
|
<div className='bg-components-button-tertiary-bg rounded-[10px]'>
|
|
<div className='flex items-center px-3 pt-2 system-2xs-medium-uppercase text-text-tertiary'>
|
|
Agent strategy
|
|
</div>
|
|
<div className='flex items-center pl-3 pt-1 pr-2 pb-1.5'>
|
|
<div className='shrink-0 w-5 h-5'></div>
|
|
<div className='grow mx-0.5 px-1 system-xs-medium text-text-secondary'></div>
|
|
<div
|
|
className='shrink-0 flex items-center px-[1px] system-xs-regular-uppercase text-text-tertiary cursor-pointer'
|
|
onClick={onDetail}
|
|
>
|
|
Detail
|
|
<RiArrowRightLine className='ml-0.5 w-3.5 h-3.5' />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default AgentLogTrigger
|