@brutalcomponent/react
Version:
Brutalist React components
88 lines (79 loc) • 2.56 kB
TypeScript
import React__default from 'react';
import { FilterControlsProps } from '../../components/patterns/index.js';
declare const BlogFilters: React__default.FC<Omit<FilterControlsProps, "sortOptions">>;
/**
* @file src/modules/blog/PostHeader/PostHeader.tsx
* @author David (https://dvh.sh)
* @license MIT
*
* @created Thu Sep 11 2025
* @updated Fri Sep 12 2025
*
* @description
* Header section for blog posts with metadata
*/
interface PostHeaderProps {
title: string;
date: string;
views?: number;
readingTime?: string;
backHref?: string;
backLabel?: string;
isCooking?: boolean;
origin?: string;
type?: string;
cookingTime?: string;
className?: string;
}
declare const PostHeader: React__default.FC<PostHeaderProps>;
/**
* @file src/modules/blog/PostContent/PostContent.tsx
* @author David (https://dvh.sh)
* @license MIT
*
* @created Thu Sep 11 2025
* @updated Fri Sep 12 2025
*
* @description
* Container for blog post content with brutal MDX styles
*/
interface PostContentProps {
children: React__default.ReactNode;
className?: string;
}
declare const PostContent: React__default.FC<PostContentProps>;
/**
* @component MDXComponents
* @description Custom MDX components for blog posts
*/
declare const MDXComponents: {
h1: (props: any) => React__default.JSX.Element;
h2: (props: any) => React__default.JSX.Element;
h3: (props: any) => React__default.JSX.Element;
h4: (props: any) => React__default.JSX.Element;
p: (props: any) => React__default.JSX.Element;
a: (props: any) => React__default.JSX.Element;
ul: (props: any) => React__default.JSX.Element;
ol: (props: any) => React__default.JSX.Element;
li: (props: any) => React__default.JSX.Element;
blockquote: (props: any) => React__default.JSX.Element;
code: (props: any) => React__default.JSX.Element;
pre: (props: any) => React__default.JSX.Element;
};
/**
* @file src/modules/blog/LicenseInfo/LicenseInfo.tsx
* @author David (https://dvh.sh)
* @license MIT
*
* @created Thu Sep 11 2025
* @updated Fri Sep 12 2025
*
* @description
* Display Creative Commons license information
*/
interface LicenseInfoProps {
type?: "CC BY-NC-SA 4.0" | "CC BY 4.0" | "CC BY-SA 4.0" | "CC BY-NC 4.0";
className?: string;
}
declare const LicenseInfo: React__default.FC<LicenseInfoProps>;
export { BlogFilters, FilterControlsProps as BlogFiltersProps, LicenseInfo, type LicenseInfoProps, MDXComponents, PostContent, type PostContentProps, PostHeader, type PostHeaderProps };