/**
 * External dependencies
 */
import styled from '@emotion/styled';

export const FormControlLabel = styled.label`
	font-size: 16px;
	font-weight: 500;
	color: ${({ theme }) => theme.colors.text.normal};
	display: block;
`;
export const FormControl = styled.div`
	border-bottom: 1px solid ${({ theme }) => theme.colors.solidwp_mail.border};
	padding: ${({ theme }) => theme.spacing.box};
	display: grid;
	grid-template-columns: 1fr 6fr;
	&:last-child {
		border-bottom: none;
	}
	@media (max-width: ${({ theme }) => `${theme.breaks.medium}px`}) {
		grid-template-columns: 1fr;
		gap: 10px;
	}
`;
export const FormControlInput = styled.div``;