@postenbring/hedwig-react/dist/styled-html/styled-html.d.ts

React components for [Hedwig Design System](https://github.com/bring/hedwig-design-system).

export interface StyledHtmlProps extends React.HTMLAttributes<HTMLDivElement> {
    children?: React.ReactNode;
    /**
     * Size of content inside. Setting this to `small` makes the font size be `body-small`.
     *
     * @default "default"
     */
    size?: "default" | "small";
    /**
     * 🚧 Work in progress darkmode support
     */
    unstable_darkmode?: boolean;
    /**
     * Change the default rendered element for the one passed as a child, merging their props and behavior.
     *
     * @default false
     */
    asChild?: boolean;
}
/**
 * A component for displaying dynamic content that you want to apply hedwig styling to.
 * the styling depends on the semantic html elements you use inside the component.
 *
 * Useful when you have dynamic content that you want styled with hedwig, like content from a CMS.
 *
 * Previously known as `hw-wysiwyg` in hedwig legacy. In tailwind this kind of component it is known as `prose`.
 *
 * @example
 * ```tsx
 * <StyledHtml>
 *   <h1>Heading 1</h1>
 *   <h2>Heading 2</h2>
 *   <a href="https://www.postenbring.no">Postenbring</a>
 *   <ul>
 *    <li>Hei</li>
 *    <li>Hallo</li>
 *    <li>Hello</li>
 *   </ul>
 * </StyledHtml>
 * ```
 */
export declare const StyledHtml: import("react").ForwardRefExoticComponent<StyledHtmlProps & import("react").RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=styled-html.d.ts.map