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

export default class FileCommandStyle extends AtomStyle {

    public get root(): IStyleDeclaration {
        return {
            subclasses: {
                " .command": this.command
            }
        };
    }

    public get command(): IStyleDeclaration {
        return {
            padding: "5px",
            cursor: "pointer",
            subclasses: {
                ":hover": {
                    backgroundColor: Colors.lightYellow
                }
            }
        };
    }
}