index.tsx 775 B

1234567891011121314151617181920212223242526272829303132333435
  1. import React from 'react';
  2. import Icon from '../Icon';
  3. import Drawer from '../Drawer';
  4. import { ThumbnailWrapper, Page, Thumbnail } from './styled';
  5. import { Wrapper, Head, Body, IconWrapper } from '../../global/sidebarStyled'
  6. type Props = {
  7. isActive: boolean;
  8. };
  9. const Thumbnails : React.FunctionComponent<Props> = ({
  10. isActive,
  11. }) => {
  12. return (
  13. <Drawer anchor="right" open={isActive}>
  14. <Wrapper>
  15. <Head>
  16. <IconWrapper>
  17. <Icon glyph="right-back" />
  18. </IconWrapper>
  19. </Head>
  20. <Body>
  21. <ThumbnailWrapper>
  22. <Page>1</Page>
  23. <Thumbnail src="/static/thumbnail1.png" />
  24. </ThumbnailWrapper>
  25. </Body>
  26. </Wrapper>
  27. </Drawer>
  28. );
  29. };
  30. export default Thumbnails;