You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
19 lines
556 B
19 lines
556 B
import { Button } from 'antd'; |
|
import { ExternalAction } from '../interfaces/external-action.interface'; |
|
import s from './ActionButton.module.scss'; |
|
|
|
interface Props { |
|
action: ExternalAction; |
|
} |
|
|
|
export default function ActionButton(props: Props) { |
|
const { action } = props; |
|
const { url, title, description, icon, color, openExternally } = action; |
|
|
|
return ( |
|
<Button type="primary" className={`${s.button}`} style={{ backgroundColor: color }}> |
|
<img src={icon} className={`${s.icon}`} alt={description} /> |
|
{title} |
|
</Button> |
|
); |
|
}
|
|
|