import React from 'react' /** * A component to renderd a styled H1 tag. * * Because of the TailwindCSS reset, common tags are unstyled. * When you need to render a H1 tag outside of a context where it is * automatically styled (such as inside markdown) you can use this. * Alternatively, you can wrap your content in div.prose which will apply the * styles in CSS. * * @component * @param {object} props - All component props * @param {JSX.element} props.children - The component children * @returns {JSX.Element} */ export const H1 = ({ children }) => (

{children}

) /** * A component to renderd a styled H2 tag. * * Because of the TailwindCSS reset, common tags are unstyled. * When you need to render a H2 tag outside of a context where it is * automatically styled (such as inside markdown) you can use this. * Alternatively, you can wrap your content in div.prose which will apply the * styles in CSS. * * @component * @param {object} props - All component props * @param {JSX.element} props.children - The component children * @returns {JSX.Element} */ export const H2 = ({ children }) => (

{children}

) /** * A component to renderd a styled H3 tag. * * Because of the TailwindCSS reset, common tags are unstyled. * When you need to render a H3 tag outside of a context where it is * automatically styled (such as inside markdown) you can use this. * Alternatively, you can wrap your content in div.prose which will apply the * styles in CSS. * * @component * @param {object} props - All component props * @param {JSX.element} props.children - The component children * @returns {JSX.Element} */ export const H3 = ({ children }) => (

{children}

) /** * A component to renderd a styled H4 tag. * * Because of the TailwindCSS reset, common tags are unstyled. * When you need to render a H4 tag outside of a context where it is * automatically styled (such as inside markdown) you can use this. * Alternatively, you can wrap your content in div.prose which will apply the * styles in CSS. * * @component * @param {object} props - All component props * @param {JSX.element} props.children - The component children * @returns {JSX.Element} */ export const H4 = ({ children }) => (

{children}

) /** * A component to renderd a styled H5 tag. * * Because of the TailwindCSS reset, common tags are unstyled. * When you need to render a H5 tag outside of a context where it is * automatically styled (such as inside markdown) you can use this. * Alternatively, you can wrap your content in div.prose which will apply the * styles in CSS. * * @component * @param {object} props - All component props * @param {JSX.element} props.children - The component children * @returns {JSX.Element} */ export const H5 = ({ children }) => (
{children}
) /** * A component to renderd a styled H6 tag. * * Because of the TailwindCSS reset, common tags are unstyled. * When you need to render a H6 tag outside of a context where it is * automatically styled (such as inside markdown) you can use this. * Alternatively, you can wrap your content in div.prose which will apply the * styles in CSS. * * @component * @param {object} props - All component props * @param {JSX.element} props.children - The component children * @returns {JSX.Element} */ export const H6 = ({ children }) => (
{children}
)