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;
action?: () => void;
variant?: 'default' | 'uniform';
}
export default function Category(props: Props) {
let { text, action, ...otherProps } = props;
return (
<CategoryBase>
{props.text}
{props.action && (
<Plus size={16} onClick={props.action} />
<CategoryBase {...otherProps}>
{text}
{action && (
<Plus size={16} onClick={action} />
)}
</CategoryBase>
);

View file

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