lib/components/src/typography/elements/A.tsx
import { styled } from '@storybook/theming';
import { withReset } from '../lib/common';
import { Link } from './Link';
export const A = styled(Link)(withReset, ({ theme }) => ({
fontSize: 'inherit',
lineHeight: '24px',
color: theme.color.secondary,
textDecoration: 'none',
'&.absent': {
color: '#cc0000',
},
'&.anchor': {
display: 'block',
paddingLeft: 30,
marginLeft: -30,
cursor: 'pointer',
position: 'absolute',
top: 0,
left: 0,
bottom: 0,
},
}));