"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Content = exports.TogglerButton = void 0;
const Button_1 = require("../Button");
const styled_1 = require("../styled");
const Typography_1 = require("../Typography");
exports.TogglerButton = (0, styled_1.styled)(Button_1.Button) `
  justify-content: flex-start;

  width: 100%;
  height: 100%;
  padding-left: ${({ theme }) => theme.spacing(6)};

  border-radius: unset;

  :hover {
    color: ${({ theme }) => theme.palette.primary.main};

    background-color: unset;
  }

  :active {
    background-color: unset;
  }

  &:focus-visible {
    border-radius: ${({ theme }) => theme.shape.medium};
  }
`;
exports.Content = (0, styled_1.styled)(Typography_1.Typography) `
  margin-left: ${({ theme }) => theme.spacing(1)};

  white-space: nowrap;
`;
