on-codemerge
Version:
A WYSIWYG editor for on-codemerge is a user-friendly interface that allows users to edit and view their code in real time, exactly as it will appear in the final product
62 lines (61 loc) • 1.17 kB
JavaScript
import e from "../../icons/blockquote.svg.mjs";
import o from "../../icons/h1.svg.mjs";
import r from "../../icons/h2.svg.mjs";
import l from "../../icons/h3.svg.mjs";
import t from "../../icons/h4.svg.mjs";
import a from "../../icons/hr.svg.mjs";
import i from "../../icons/paragraph.svg.mjs";
import n from "../../icons/pre.svg.mjs";
const u = [
{
value: "h1",
label: "Heading 1",
preview: "text-3xl font-bold h-12",
icon: o
},
{
value: "h2",
label: "Heading 2",
preview: "text-2xl font-bold",
icon: r
},
{
value: "h3",
label: "Heading 3",
preview: "text-xl font-bold",
icon: l
},
{
value: "h4",
label: "Heading 4",
preview: "text-lg font-bold",
icon: t
},
{
value: "paragraph",
label: "Paragraph",
preview: "text-base",
icon: i
},
{
value: "blockquote",
label: "Blockquote",
preview: "text-lg italic",
icon: e
},
{
value: "pre",
label: "Preformatted",
preview: "font-mono text-sm",
icon: n
},
{
value: "hr",
label: "Horizontal Line",
preview: "text-gray-500",
icon: a
}
];
export {
u as TYPOGRAPHY_STYLES
};