@equinor/eds-core-react/dist/esm/components/Table/Row/Row.js

The React implementation of the Equinor Design System

import { forwardRef } from 'react';
import styled from 'styled-components';
import { token } from './Row.tokens.js';
import { jsx } from 'react/jsx-runtime';

const StyledRow = styled.tr.withConfig({
  displayName: "Row__StyledRow",
  componentId: "sc-12c5lns-0"
})(["background:", ";@media (hover:hover) and (pointer:fine){&:hover{background:", ";}}"], ({
  $active
}) => $active ? token.states.active?.background : null, token.states.hover?.background);
const Row = /*#__PURE__*/forwardRef(function Row({
  children,
  active,
  ...props
}, ref) {
  return /*#__PURE__*/jsx(StyledRow, {
    ...props,
    $active: active,
    ref: ref,
    children: children
  });
});

export { Row };