owncast/web/components/action-buttons/ExternalActionButton.tsx

19 lines
483 B
TypeScript
Raw Normal View History

2022-05-06 01:01:23 +03:00
import { Button } from 'antd';
import { ExternalAction } from '../interfaces/external-action.interface';
interface Props {
action: ExternalAction;
}
export default function ExternalActionButton(props: Props) {
const { action } = props;
const { url, title, description, icon, color, openExternally } = action;
return (
<Button type="primary" style={{ backgroundColor: color }}>
<img src={icon} width="30px" alt={description} />
{title}
</Button>
);
}