import styled from 'styled-components';
import { Box, Typography } from '../..';
export var StyledTypography = styled(Typography).withConfig({
  displayName: "ControlsListItemButtonstyles__StyledTypography",
  componentId: "sc-1w1cfmh-0"
})(["&:hover{text-decoration:'none';color:", ";}"], function (p) {
  return p.theme.color.cta;
});
export var SelectWrapper = styled(Box).withConfig({
  displayName: "ControlsListItemButtonstyles__SelectWrapper",
  componentId: "sc-1w1cfmh-1"
})(["align-items:center;display:flex;"]);