All class name to be set on category / overline.

This commit is contained in:
Paul 2021-07-02 09:41:37 +01:00
parent 4d9d74224f
commit 6aa8c5c0ba
2 changed files with 8 additions and 6 deletions

View file

@ -31,18 +31,20 @@ const CategoryBase = styled.div<Pick<Props, 'variant'>>`
` } ` }
`; `;
interface Props { type Props = Omit<JSX.HTMLAttributes<HTMLDivElement>, 'children' | 'as'> & {
text: Children; text: Children;
action?: () => void; action?: () => void;
variant?: 'default' | 'uniform'; variant?: 'default' | 'uniform';
} }
export default function Category(props: Props) { export default function Category(props: Props) {
let { text, action, ...otherProps } = props;
return ( return (
<CategoryBase> <CategoryBase {...otherProps}>
{props.text} {text}
{props.action && ( {action && (
<Plus size={16} onClick={props.action} /> <Plus size={16} onClick={action} />
)} )}
</CategoryBase> </CategoryBase>
); );

View file

@ -2,7 +2,7 @@ import styled, { css } from "styled-components";
import { Children } from "../../types/Preact"; import { Children } from "../../types/Preact";
import { Text } from 'preact-i18n'; import { Text } from 'preact-i18n';
interface Props { type Props = Omit<JSX.HTMLAttributes<HTMLDivElement>, 'children' | 'as'> & {
error?: string; error?: string;
block?: boolean; block?: boolean;
children?: Children; children?: Children;