mirror of https://github.com/morpheus65535/bazarr
32 lines
773 B
TypeScript
32 lines
773 B
TypeScript
import { createStyles, Group } from "@mantine/core";
|
|
import { FunctionComponent } from "react";
|
|
import ToolboxButton, { ToolboxMutateButton } from "./Button";
|
|
|
|
const useStyles = createStyles((theme) => ({
|
|
group: {
|
|
backgroundColor:
|
|
theme.colorScheme === "light"
|
|
? theme.colors.gray[3]
|
|
: theme.colors.dark[5],
|
|
},
|
|
}));
|
|
|
|
declare type ToolboxComp = FunctionComponent & {
|
|
Button: typeof ToolboxButton;
|
|
MutateButton: typeof ToolboxMutateButton;
|
|
};
|
|
|
|
const Toolbox: ToolboxComp = ({ children }) => {
|
|
const { classes } = useStyles();
|
|
return (
|
|
<Group p={12} position="apart" className={classes.group}>
|
|
{children}
|
|
</Group>
|
|
);
|
|
};
|
|
|
|
Toolbox.Button = ToolboxButton;
|
|
Toolbox.MutateButton = ToolboxMutateButton;
|
|
|
|
export default Toolbox;
|