import React from 'react';
import Typography from '@mui/material/Typography';
import { SmallIconButton } from '../../../SmallIconButton';
import CopyIcon from '../../../icons/Copy';
import { useStyles } from './styles';
export var CopyableValueField = function (_a) {
    var value = _a.value;
    var styles = useStyles();
    return (React.createElement("div", { className: styles.root },
        React.createElement(Typography, { className: styles.text, variant: 'body2' }, value),
        React.createElement(SmallIconButton, { size: "XXS", icon: CopyIcon, color: "primary", className: styles.button, onClick: function () { return navigator.clipboard.writeText(value); } })));
};
