import styled from 'styled-components';

import { TextColor } from '../Paragraph/types.d';
import { ThemeObject } from '../Theme';

export const StyledDivider = styled.hr.attrs((props: { $theme: ThemeObject; $color: TextColor }) => ({
  $theme: props.$theme,
  $color: props.$color,
}))`
  border-color: transparent;
  background-color: ${(props) => props.$theme.pallet.gray};
  transition: all 0.25s;
`;
