35 lines
752 B
TypeScript
35 lines
752 B
TypeScript
import ActiveLink from '@components/ActiveLink'
|
|
import React from 'react'
|
|
|
|
export interface IButtons {
|
|
id: ValueType
|
|
title: string
|
|
href: string
|
|
className?: string
|
|
handleClick?: () => void
|
|
}
|
|
|
|
interface BottomButtonsProps {
|
|
handleButtons: IButtons[]
|
|
}
|
|
|
|
const BottomButtons = (props: BottomButtonsProps) => {
|
|
const { handleButtons } = props
|
|
return (
|
|
<div className="btn_center">
|
|
{handleButtons &&
|
|
handleButtons.map(item => (
|
|
<ActiveLink
|
|
href={item.href}
|
|
children={item.title}
|
|
key={`bottom-button-${item.id}`}
|
|
className={item.className || ''}
|
|
handleActiveLinkClick={item.handleClick}
|
|
/>
|
|
))}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export { BottomButtons }
|