pouncejs/dist/cjs/components/Link/useLinkStyles.js

A collection of UI components from Panther labs

"use strict";

exports.__esModule = true;
exports.default = void 0;

var useLinkStyles = function useLinkStyles(_ref) {
  var variant = _ref.variant;

  switch (variant) {
    case 'neutral':
      return {
        transition: "color 0.1s ease-out",
        textDecoration: 'none',
        borderBottom: '1px solid',
        color: 'gray-300',
        _hover: {
          color: 'white'
        },
        _focus: {
          color: 'white'
        },
        _active: {
          color: 'white'
        }
      };

    case 'discreet':
      return {
        fontSize: 'x-small',
        fontWeight: 'bold',
        letterSpacing: 'relaxed',
        textTransform: 'uppercase',
        textDecoration: 'none',
        color: 'gray-200'
      };

    case 'prominent':
    default:
      {
        return {
          transition: "color 0.1s ease-out",
          fontWeight: 'medium',
          textDecoration: 'none',
          color: 'blue-200',
          _hover: {
            color: 'blue-100'
          },
          _focus: {
            color: 'blue-100'
          },
          _active: {
            color: 'blue-300'
          }
        };
      }
  }
};

var _default = useLinkStyles;
exports.default = _default;