// avatar-editor.tsx
// Copyright (C) 2020 Dwayne Harris
// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
// You should have received a copy of the GNU General Public License
// along with this program. If not, see .
import React, { FC, useRef, useState } from 'react'
import Editor from 'react-avatar-editor'
import Slider from '../components/slider'
interface Props {
file: File
width: number
height: number
}
const AvatarEditor: FC = ({ file, width, height }) => {
const ref = useRef(null)
const [border, setBorder] = useState(50)
const [scale, setScale] = useState(1.2)
return (
)
}
export default AvatarEditor