owncast/web/components/ui/OfflineBanner/OfflineBanner.tsx
2022-09-10 18:08:56 -07:00

26 lines
742 B
TypeScript

import { Divider, Button } from 'antd';
import { NotificationFilled } from '@ant-design/icons';
import { FC } from 'react';
import styles from './OfflineBanner.module.scss';
export type OfflineBannerProps = {
title: string;
text: string;
};
export const OfflineBanner: FC<OfflineBannerProps> = ({ title, text }) => (
<div className={styles.outerContainer}>
<div className={styles.innerContainer}>
<div className={styles.header}>{title}</div>
<Divider />
<div>{text}</div>
<div className={styles.footer}>
<Button type="primary" onClick={() => console.log('show notification modal')}>
<NotificationFilled />
Notify when Live
</Button>
</div>
</div>
</div>
);