const fs = require('fs');

const svgContent = fs.readFileSync('public/logo-white.svg', 'utf8');

const pathRegex = /<path d="([^"]+)"/g;
let paths = [];
let match;
while ((match = pathRegex.exec(svgContent)) !== null) {
  paths.push(match[1]);
}

const componentCode = `import React from 'react';
import { Svg, G, Path } from '@react-pdf/renderer';

interface KLZLogoVectorProps {
  width?: number;
  color?: string;
}

export const KLZLogoVector: React.FC<KLZLogoVectorProps> = ({ width = 140, color = '#ffffff' }) => {
  const height = width * (99 / 295);

  return (
    <Svg viewBox="0 0 295 99" style={{ width, height }}>
      <G>
${paths.map(d => `        <Path d="${d}" fill={color} />`).join('\n')}
      </G>
    </Svg>
  );
};
`;

fs.writeFileSync('lib/KLZLogoVector.tsx', componentCode);
console.log('Successfully wrote lib/KLZLogoVector.tsx');