Function Padding

apps/discovery/src/highlight/Highlighter.tsx:125–142

({
  lineNumberStyle,
  value
}: {
  lineNumberStyle: TextStyle;
  value?: number;
})

const formattingSpecContext = createContext<FormattingSpecs>({} as any);

function Padding({
  lineNumberStyle,
  value
}: {
  lineNumberStyle: TextStyle;
  value?: number;
}) {
  const { showLineNumbers } = useContext(formattingSpecContext);
  if (!value) {
    return null;
  }
  const { backgroundColor, width } = lineNumberStyle;
  return (
    <Text
      style={[showLineNumbers && { backgroundColor }, { height: value, width }]}
    />
  );
}

const defaultLineNumberFormatter = (number: number) =>
  Number(number).toFixed(0);