import { Icon } from "@deuna/components/icons";
import { Flex } from "@deuna/components/layout";
import { Caption } from "@deuna/components/typography";

export const Disclaimer = () => (
  <Flex
    display="flex"
    padding="8px 12px"
    backgroundColor="information50"
    alignItems="center"
    gridGap="6px"
    width="95%"
    margin={["5px 0px", "5px 0px", "30px 0px 0px"]}
    style={{
      borderRadius: "8px",
    }}
  >
    <Icon iconName="lock" size="small" color="information700" />
    <Caption margin="0px">
      Por seguridad, hemos protegido y ocultado la información de tus
      direcciones
    </Caption>
  </Flex>
);