import React from 'react';
import { GlyphButton } from '@theorchard/suite-components';
import './copy-button.scss';

export interface CopyButtonProps {
    content: string;
    className?: string;
}

const CLASS_NAME = 'CopyButton';

export const CopyButton: React.FC<CopyButtonProps> = ({
    content,
    className,
}) => (
    <GlyphButton
        variant="control"
        name="copy"
        size="sm"
        tooltip="Copy"
        className={`${CLASS_NAME} ${className ?? ''}`}
        onClick={() => {
            navigator.clipboard.writeText(content);
        }}
    />
);

export default CopyButton;