import type {CSSProperties} from "react";
import {rem} from "@mantine/core";

export const maxWidth: CSSProperties = {
    width: "100%"
}

export const marginTopBottom: CSSProperties = {
    marginTop: "1em",
    marginBottom: "1em"
}

export const marginTop: CSSProperties = {
    marginTop: "1em",
}

export const marginRightBottom: CSSProperties = {
    marginRight: "1em",
    marginBottom: "1em"
}

export const marginRound: CSSProperties = {
    margin: "1em"
}

export const marginLeftRight: CSSProperties = {
    marginLeft: "1em",
    marginRight: "1em"
}

export const iconMStyle: CSSProperties = {
    width: rem(18),
    height: rem(18)
}

export const flexLeftWeight: CSSProperties = {
    flex: 1
}

export const textCenter: CSSProperties = {
    textAlign: 'center'
}

export const noColumnGap: CSSProperties = {
    columnGap: "0"
}

export const roundThemeButton: CSSProperties = {
    width: "55px",
    height: "55px",
    borderRadius: "55px",
    padding: "0"
}