import Colors from "@web-atoms/core/dist/core/Colors";
import { AtomWindowStyle } from "@web-atoms/core/dist/web/styles/AtomWindowStyle";
import { IStyleDeclaration } from "@web-atoms/core/dist/web/styles/IStyleDeclaration";

export default class NewAppStyle extends AtomWindowStyle {

    public get root(): IStyleDeclaration {
        const root = this.getBaseProperty(NewAppStyle, "root");
        return {
            ... root,
            subclasses: {
                ... root.subclasses,
                ".explore": {
                    subclasses: {
                        " .create": {
                            display: "none"
                        }
                    }
                },
                ".create": {
                    subclasses: {
                        " .explore": {
                            display: "none"
                        }
                    }
                },
                " header > *": {
                    marginRight: "5px"
                },
                " .sample": {
                    padding: "5px",
                    borderRadius: "5px",
                    marginTop: "4px",
                    cursor: "pointer",
                    subclasses: {
                        ":hover": {
                            backgroundColor: Colors.lightBlue
                        }
                    }
                }
            }
        };
    }

}