var linkBaseStyle = {
    textStyle: 'body',
    color: 'blue.700',
    display: 'inline-flex',
    flexDirection: 'row',
    _active: {
        textDecoration: 'none',
        color: 'gray.900',
    },
    _disabled: {
        textDecoration: 'none',
        color: 'gray.500',
    },
};
var baseLink = {
    link: {
        _hover: {
            cursor: 'pointer',
            textDecoration: 'underline',
        },
    },
};
var navigationLink = {
    link: {
        color: 'gray.900',
        cursor: 'pointer',
        fontSize: '16px',
        _hover: {
            textDecoration: 'none',
            color: 'blue.700',
        },
    },
};
var footerLink = {
    link: {
        color: 'white',
        _hover: {
            textDecoration: 'underline',
        },
        _active: {
            color: 'gray.50',
        },
        _visited: {
            color: 'white',
        },
    },
};
var subNavigationLink = {
    link: {
        color: 'gray.900',
        cursor: 'pointer',
        fontSize: '16px',
        _hover: {
            textDecoration: 'underline',
        },
        _focusVisible: {
            outline: 'none',
        },
    },
};
var Link = {
    parts: ['link', 'leftIcon', 'rightIcon'],
    baseStyle: {
        link: linkBaseStyle,
        leftIcon: { ml: 'md' },
        rightIcon: { mr: 'md' },
    },
    variants: {
        navigationLink: navigationLink,
        subNavigationLink: subNavigationLink,
        baseLink: baseLink,
        footerLink: footerLink,
    },
    defaultProps: {
        variant: 'baseLink',
    },
};

export { Link as default, linkBaseStyle };
//# sourceMappingURL=link.js.map
