import styled from 'styled-components';

import { ThemeObject } from '../Theme';

// const getColor = (theme: ThemeObject, color: TextColor) => (color === 'main' ? theme.text.main : theme.text.secondary);

export const StyledWrapper = styled.div.attrs((props: { $theme: ThemeObject }) => ({
  $theme: props.$theme,
}))`
  background: ${(props) => props.$theme.background.darker};
  transition: all 0.35s;
`;
