import { rgba } from 'polished';
import { styled } from 'styled-components';
import { cssClass } from '../../utils/css-class.js';

/**
 * @component
 * @private
 */
const TableRow = styled.tr.withConfig({
  displayName: "table-row__TableRow",
  componentId: "sc-bs207u-0"
})(["&.selected{background:", ";}&:not(.selected):hover{background:rgba(0,0,0,0.01);}"], ({
  theme
}) => rgba(theme.colors.primary100, 0.03));
TableRow.defaultProps = {
  className: cssClass('TableRow')
};
export default TableRow;