import { css } from 'styled-components';

export const languagePicker = css`
  /**
    * @tokens Language picker
    * */
  --language-picker-dropdown-font-size: var(--dropdown-menu-font-size); // @presenter FontSize
  --language-picker-dropdown-font-weight: var(--dropdown-menu-font-weight); // @presenter FontWeight
  --language-picker-dropdown-line-height: var(--dropdown-menu-line-height); // @presenter LineHeight
  --language-picker-dropdown-text-color: var(--dropdown-menu-text-color); // @presenter Color

  --language-picker-dropdown-min-width: var(--dropdown-menu-min-width);
  --language-picker-dropdown-max-width: var(--dropdown-menu-max-width);
  --language-picker-dropdown-max-height: var(--dropdown-menu-max-height);
  --language-picker-dropdown-padding: var(--dropdown-menu-padding ); // @presenter Spacing
  --language-picker-dropdown-border-radius: var(--dropdown-menu-border-radius); // @presenter BorderRadius
  --language-picker-dropdown-box-shadow: var(--dropdown-menu-box-shadow); // @presenter Shadow
  --language-picker-dropdown-border-color: var(--dropdown-menu-border-color); // @presenter Color
  --language-picker-dropdown-bg-color: var(--dropdown-menu-bg-color); // @presenter Color

  --language-picker-dropdown-item-padding-horizontal: 20px; // @presenter Spacing
  --language-picker-dropdown-item-padding-vertical: var(--dropdown-menu-item-padding-vertical); // @presenter Spacing
  --language-picker-dropdown-item-separator-padding-top: var(--dropdown-menu-item-separator-padding-top ); // @presenter Spacing
  --language-picker-dropdown-item-separator-padding-bottom: var(--dropdown-menu-item-separator-padding-bottom ); // @presenter Spacing
  --language-picker-dropdown-item-border-radius: var(--dropdown-menu-item-border-radius ); // @presenter BorderRadius
  --language-picker-dropdown-item-bg-color-active: var(--dropdown-menu-item-bg-color-active); // @presenter Color
  --language-picker-dropdown-item-bg-color-hover: var(--dropdown-menu-item-bg-color-hover); // @presenter Color
  --language-picker-dropdown-item-bg-color-disabled: var(--dropdown-menu-item-bg-color-disabled); // @presenter Color
  --language-picker-dropdown-item-separator-border-color: var(--dropdown-menu-item-separator-border-color); // @presenter Color
  --language-picker-dropdown-item-color-dangerous: var(--dropdown-menu-item-color-dangerous);
  --language-picker-dropdown-item-color-disabled: var(--dropdown-menu-item-color-disabled);
  --language-picker-dropdown-item-color-active: var(--dropdown-menu-item-color-active);
  --language-picker-dropdown-item-color-hover: var(--dropdown-menu-item-color-hover);
  --language-picker-dropdown-item-border-color-focused: var(--dropdown-menu-item-border-color-focused);

  // @tokens End
`;