import styled from 'styled-components';
import { ButtonProps } from './types';

export const StyledBtn = styled.button.attrs((props: { $bgColor: string; $textColor: string; $mode: ButtonProps['mode'] }) => ({
  $textColor: props.$textColor,
  $bgColor: props.$bgColor,
  $mode: props.$mode,
}))`
  background-color: ${(props) => (props.$mode === 'filled' ? props.$bgColor : 'transparent')};
  color: ${(props) => (props.$mode === 'filled' ? props.$textColor : props.$bgColor)};
`;
