export default function ShellCommand()

in src/components/ShellCommand/index.tsx [13:34]

• 14 lines of code
• 2 McCabe index (conditional complexity)

export default function ShellCommand({ className, style, command }: Props) {
  const [copied, setCopied] = useState(false);

  function copyCommand() {
    if (copied) return;
    window.navigator.clipboard.writeText(command);
    setCopied(true);
    setTimeout(() => setCopied(false), 2000);
  }

  return (
    <div
      className={clsx(styles['shell-command-block'], className)}
      style={style}
    >
      {Highlighter(command)}
      <button className={styles['copy-icon']} onClick={copyCommand}>
        {copied ? <CheckedIcon /> : <CopyIcon />}
      </button>
    </div>
  );
}