Prose

import { Prose, Title, Text } from "@lualtek/react-components";
 
export default () => {
  return (
    <Prose>
      <Title as="h1" level="4">
        Title
      </Title>
      <Text>
        Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eius dolores,
        tempore quas labore officiis praesentium.
      </Text>
    </Prose>
  );
};

export type ProseProps = {
  /**
   * Set the component to render as different element
   * @default 'div'.
   */
  as?: JSX.IntrinsicElements | React.ComponentType<unknown>;
};