"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ActionsWrapper = exports.Wrapper = void 0;
const styled_1 = require("../../styled");
exports.Wrapper = styled_1.styled.div `
  cursor: ${({ $isDisabled, $isLoading, $hasNested }) => $hasNested && !$isLoading && !$isDisabled ? 'pointer' : 'default'};

  display: flex;
  gap: ${({ theme }) => theme.spacing(3)};
  align-items: center;

  width: 100%;
  min-height: 60px;
  padding: ${({ theme }) => theme.spacing(3, 4)};

  opacity: ${({ $isDisabled }) => ($isDisabled ? 0.5 : 1)};
  background: ${({ theme }) => theme.palette.background.default};

  transition: ${({ theme }) => theme.transitions.create('background-color', {
    easing: theme.transitions.easing.easeIn,
    duration: theme.transitions.duration.shortest,
})};

  &:hover {
    background-color: ${({ theme, $isDisabled, $isLoading }) => $isDisabled || $isLoading
    ? theme.palette.background.default
    : theme.palette.background.elementHover};
  }
`;
exports.ActionsWrapper = styled_1.styled.div `
  display: flex;

  margin-left: auto;
`;
