import { css } from 'styled-components';

export const tooltip = css`
  /**
    * @tokens Tooltip Base
    * @presenter Color
    */

  --tooltip-text-color: var(--text-color-secondary);
  --tooltip-bg-color: var(--bg-color-raised);
  --tooltip-padding-vertical: var(--spacing-xs);
  --tooltip-padding-horizontal: var(--spacing-sm);
  --tooltip-padding: var(--tooltip-padding-vertical) var(--tooltip-padding-horizontal);
  --tooltip-max-width: 250px;

  .tooltip-copy-button {
    --tooltip-text-color: var(--text-color-secondary);
    --tooltip-bg-color: var(--bg-color-raised);
  }

  // @tokens End
`;