import * as React from 'react';
import { observer } from 'mobx-react-lite';

import { Dialog, Title, Content, Buttons, CloseButton } from '../../Dialog';
import { Button } from '~/renderer/components/Button';
import store from '../../../store';

export default observer(() => {
  return (
    <Dialog visible={store.dialogContent === 'privacy'} style={{ width: 344 }}>
      <Title>清空浏览数据</Title>
      <Content></Content>
      <Buttons>
        <CloseButton />
        <Button background="transparent" foreground="#3F51B5">
          删除数据
        </Button>
      </Buttons>
    </Dialog>
  );
});
