"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StyledDropdownButton = exports.StyledButton = exports.StyledIconDropDownButton = void 0;
const Button_1 = require("../../../components/Button");
const DropdownButton_1 = require("../../../components/DropdownButton");
const IconDropdownButton_1 = require("../../../components/IconDropdownButton");
const styled_1 = require("../../../components/styled");
exports.StyledIconDropDownButton = (0, styled_1.styled)(IconDropdownButton_1.IconDropdownButton) `
  margin-left: auto;
`;
exports.StyledButton = (0, styled_1.styled)(Button_1.Button) `
  justify-content: flex-start;

  font-weight: ${({ theme }) => theme.typography.fontWeightRegular};
  line-height: ${({ theme }) => theme.typography.h6.lineHeight};

  ${({ theme }) => theme.breakpoints.down('sm')} {
    width: 100%;
    height: unset;
    padding: 0;
  }
`;
exports.StyledDropdownButton = (0, styled_1.styled)(DropdownButton_1.DropdownButton) `
  justify-content: flex-start;

  font-weight: ${({ theme }) => theme.typography.fontWeightRegular};
  line-height: ${({ theme }) => theme.typography.h6.lineHeight};

  ${({ theme }) => theme.breakpoints.down('sm')} {
    height: unset;
    padding: 0;

    .${Button_1.buttonClasses.endIcon} {
      display: none;
    }
  }
`;
