/**
 * Copyright 2024 Phenix Real Time Solutions, Inc. Confidential and Proprietary. All Rights Reserved.
 */
import * as styled from 'styled-components';

import {theme} from 'components/shared/theme';
import {RadioGroup} from 'components/buttons/radio-button/style';
// import Input from 'components/forms/Input';

const {
  spacing,
  colors
} = theme;

export const CreateTokenContainer = styled.default.div`
  margin: 0.5rem 0 0;
`;

export const FormWell = styled.default.div`
  display: flex;
  flex-wrap: wrap;
  width: 100%;
`;

export const RadioButtonContainer = styled.default.div`
  display: flex;
  flex-direction: column;
  margin-top: ${spacing.small} 0;
  label {
    font-size: 14px;
    color: ${colors.white};
  }
  ${RadioGroup}{
    flex-direction: column;
    .reason-input {
      display: flex;
      flex-grow: 1;
    }
  }
`;

export const InputGroup = styled.default.div`
  margin: 0 1rem 1rem 0;
  input {
    width: 200px;
    padding-left: ${spacing.small};
  }
  > label {
    display: block;
  }
  select {
    width: 200px;
  }
`;

export const RowsWrapper = styled.default.div`
  width: 100%;
  display: flex;
  justify-content: space-between;
`;