import { Theme, deepmerge } from "@signatu/styles";

export const defaultButton = (theme: Theme) => ({
    ...theme.typography.button, 
    border: `1px solid ${theme.palette.primary.main}`, 
    color: theme.palette.primary.main, 
    background: theme.palette.backgroundColor, 
    margin: theme.spacing.unit, 
    padding: theme.spacing.unit, 
    borderRadius: theme.spacing.unit / 2, 
    textTransform: 'uppercase', 
    textDecoration: 'none', 
    cursor: 'pointer', 
    transition: 'all .3s', 
    outline: 0, 
})

export const signatuButton = (theme: Theme) => deepmerge(defaultButton(theme), {
    color: "red"
})
