o2o-negosium-original/frontend/src/features/list/components/ActionSection.tsx

25 lines
717 B
TypeScript

import { cn, interactive } from '@/lib'
const PILL =
'flex items-center justify-center w-full max-w-[130px] h-[50px] rounded-full py-4 px-6 ' +
'text-lg font-semibold whitespace-nowrap ' +
interactive
export function ActionSection() {
return (
<div className="flex w-full py-[35px] items-center justify-end gap-3">
{/* TODO: 협상 참여 동작 연동 */}
<button type="button" className={cn(PILL, 'bg-primary text-primary-foreground')}>
협상 참여
</button>
{/* TODO: 거부 동작 연동 */}
<button
type="button"
className={cn(PILL, 'bg-background text-primary border border-primary')}
>
거부
</button>
</div>
)
}