import{css as e}from"styled-components";import{Select as t}from"./Select.js";import{styled as r}from"../../../styled-components.js";const n=e`
  button {
    background-color: var(--panel-samples-dropdown-bg-color);
    border: var(--panel-samples-dropdown-border);
    color: var(--panel-samples-dropdown-color);

    &,
    &:hover,
    &:focus {
      box-shadow: none;
    }
  }
`,a=r(t)`
  box-sizing: border-box;
  outline: none;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  width: ${({fullWidth:o})=>o?"100%":"auto"};
  cursor: pointer;
  text-transform: none;

  button {
    min-width: 90px;
    color: var(--docs-dropdown-text-color);
    font-size: var(--docs-dropdown-font-size);
    border-radius: var(--border-radius-md);
  }

  ${({variant:o})=>o==="dark"?n:""};
`,l=r(a)`
  button {
    padding: 0 26px 0 4px;
    background: transparent;
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-regular);
    height: auto;
    min-width: auto;

    &:hover,
    &:focus {
      box-shadow: none;
    }
  }
`;export{a as Select,l as SimpleSelect};
