@deep-foundation/deepcase/imports/token.js

[](https://gitpod.io/#https://github.com/deep-foundation/deepcase) [](https://discord.gg/deep-

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { ExternalLinkIcon } from '@chakra-ui/icons';
import { Box, Button, Input, InputGroup, InputRightElement, Link } from '@chakra-ui/react';
import { useState } from 'react';
export const Token = () => {
    const [value, setValue] = useState('');
    const [loader, setLoader] = useState(true);
    return (_jsxs(Box, { maxW: 'md', borderColor: 'gray.400', borderWidth: '1px', borderRadius: 'lg', children: [_jsxs(Link, { fontSize: 'xs', href: 'https://docs.npmjs.com/creating-and-viewing-access-tokens', p: 2, isExternal: true, children: ["creating and viewing npm access tokens ", _jsx(ExternalLinkIcon, { mx: '2px' })] }), _jsxs(InputGroup, { maxW: 'md', size: 'sm', p: 2, children: [_jsx(Input, { placeholder: 'Enter you npm token', value: value, borderColor: 'gray.300', onChange: (e) => setValue(e.target.value) }), !value === true
                        ? _jsx(InputRightElement, { width: '4.2rem', top: 2, children: _jsx(Button, { isLoading: true, size: 'xs', bg: 'blue.300', color: 'blackAlpha.800', _hover: { bg: 'blue.500' }, onClick: () => console.log('save'), children: "save" }) })
                        : loader === true
                            ? null
                            : _jsx(InputRightElement, { width: '4.2rem', top: 2, children: _jsx(Button, { isLoading: true, size: 'xs', bg: 'blue.200', color: 'blackAlpha.800', onClick: () => console.log('save'), children: "save" }) })] })] }));
};
//# sourceMappingURL=token.js.map