"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Wrapper = void 0;
const styled_1 = require("../../../styled");
const getBorderColor = (theme, isActive, isError) => {
    if (isActive) {
        return theme.palette.primary[700];
    }
    if (isError) {
        return theme.palette.error[900];
    }
    return theme.palette.components.border.default;
};
exports.Wrapper = styled_1.styled.div `
  display: flex;
  flex-direction: column;
  justify-content: center;

  min-height: 88px;
  padding: ${({ theme }) => theme.spacing(4)};

  border: 1px dashed
    ${({ theme, $isActive, $isError }) => getBorderColor(theme, $isActive, $isError)};
  border-radius: ${({ theme }) => theme.shape.medium};
  
  transition: ${({ theme }) => theme.transitions.create(['background', 'border'], {
    duration: theme.transitions.duration.short,
})};
`;
