column.tsx « layout « atoms « components « src - www.armandphilippot.com - The frontend of my personal website.

about summary refs log tree commit diff stats

path: root/src/components/atoms/layout/column.tsx

blob: ec6440db5f54e47a7504b8e22d57a2646d23f838 (plain)

import { FC, ReactNode } from 'react';

export type ColumnProps = {
  children: ReactNode | ReactNode[];
};

/**
 * Column component.
 *
 * Render the body as a column.
 */
const Column: FC<ColumnProps> = ({ children }) => {
  return <div>{children}</div>;
};

export default Column;

/* Name.Variable.Instance */ .highlight .vm { color: #336699 } /* Name.Variable.Magic */ .highlight .il { color: #0000DD; font-weight: bold } /* Literal.Number.Integer.Long */

Prism.languages.turtle = {
  comment: {
    pattern: /#.*/,
    greedy: true,
  },
  'multiline-string': {
    pattern:
      /"""(?:(?:""?)?(?:[^"\\]|\\.))*"""|'''(?:(?:''?)?(?:[^'\\]|\\.))*'''/,
    greedy: true,
    alias: 'string',
    inside: {
      comment: /#.*/,
    },
  },
  string: {
    pattern: /"(?:[^\\"\r\n]|\\.)*"|'(?:[^\\'\r\n]|\\.)*'/,
    greedy: true,
  },
  url: {
    pattern:
      /<(?:[^\x00-\x20<>"{}|^`\\]|\\(?:u[\da-fA-F]{4}|U[\da-fA-F]{8}))*>/,
    greedy: true,
    inside: {
      punctuation: /[<>]/,
    },
  },
  function: {
    pattern:
      /(?:(?![-.\d\xB7])[-.\w\xB7\xC0-\uFFFD]+)?:(?:(?![-.])(?:[-.:\w\xC0-\uFFFD]|%[\da-f]{2}|\\.)+)?/i,
    inside: {
      'local-name': {
        pattern: /([^:]*:)[\s\S]+/,
        lookbehind: true,
      },
      prefix: {
        pattern: /[\s\S]+/,
        inside: {
          punctuation: /:/,
        },
      },
    },
  },
  number: /[+-]?\b\d+(?:\.\d*)?(?:e[+-]?\d+)?/i,
  punctuation: /[{}.,;()[\]]|\^\^/,
  boolean: /\b(?:false|true)\b/,
  keyword: [/(?:\ba|@prefix|@base)\b|=/, /\b(?:base|graph|prefix)\b/i],
  tag: {
    pattern: /@[a-z]+(?:-[a-z\d]+)*/i,
    inside: {
      punctuation: /@/,
    },
  },
};
Prism.languages.trig = Prism.languages['turtle'];