viewButton.tsx 541 B

12345678910111213141516171819
  1. import styled from '@emotion/styled';
  2. import {LinkButton, type LinkButtonProps} from 'sentry/components/button';
  3. import {space} from 'sentry/styles/space';
  4. export function ViewButton({children, ...props}: LinkButtonProps) {
  5. return (
  6. <TextButton borderless size="zero" {...props}>
  7. {children}
  8. </TextButton>
  9. );
  10. }
  11. const TextButton = styled(LinkButton)`
  12. font-weight: ${p => p.theme.fontWeightNormal};
  13. font-size: ${p => p.theme.fontSizeSmall};
  14. color: ${p => p.theme.subText};
  15. padding: ${space(0.25)} ${space(0.5)};
  16. `;