lesca-atobtoa/src/docs/pages/usage.js

encode / decode data to base64

import { Button, ButtonGroup } from '@mui/material';
import { useEffect } from 'react';
import Code from '../components/code';
import { name } from '../config';

const codes = [
  {
    title: '1. Installation',
    code: `npm install ${name} --save`,
    type: 'text',
  },
  {
    title: '2. Usage',
    code: `import { toBase64, toJson } from 'lesca-atobtoa';
    
const Data = { name: 'james', age: '18' };
const base64 = toBase64(Data); // base64
const json = toJson(base64); // back to data
`,
    type: 'text',
  },
];

const Usage = () => {
  useEffect(() => {}, []);
  return (
    <div className='Usage'>
      <h2>Usage</h2>
      {codes.map((e) => (
        <div key={e.title}>
          <h3>{e.title}</h3>
          <Code code={e.code} theme={e.type} />
        </div>
      ))}
    </div>
  );
};
export default Usage;