import React from 'react';
import Button from '../Button';
import Icon from '../Icon';
import Drawer from '../Drawer';
import Typography from '../Typography';
import Tabs from '../Tabs';
import Sliders from '../Sliders';
import Divider from '../Divider';
import ColorSelect from '../ColorSelector';
import TextField from '../TextField';
import { BtnWrapper, ContentWrapper } from './styled';
import {
Container, Head, Body, Footer, IconWrapper,
} from '../../global/sidebarStyled';
import { Group, SliderWrapper } from '../../global/toolStyled';
type Props = {
onClick: () => void;
isActive: boolean;
};
const TextContent = (): React.ReactElement => (
<>
Content
);
const ImageContent = (): React.ReactElement => (
);
const Watermark: React.FunctionComponent = ({
onClick,
isActive,
}: Props) => (
<>
Watermark
Type
,
},
{
key: 'image',
content: 'Image',
child: ,
},
]}
/>
{}} />
Opacity
40%
Page Range
);
export default Watermark;