import { Text, View, StyleSheet } from '@react-pdf/renderer';

type PdfParamBadgeProps = {
  children: React.ReactNode;
};

const styles = StyleSheet.create({
  parameterBadge: {
    backgroundColor: '#F5F5F5',
    color: '#333333',
    padding: 4,
    borderRadius: 4,
    fontSize: 8,
    marginRight: 8,
    marginBottom: 4,
  },
});

export const PdfParamBadge = ({ children }: PdfParamBadgeProps) => {
  return (
    <View style={styles.parameterBadge}>
      <Text>{children}</Text>
    </View>
  );
};